kku-ui 0.0.3 → 0.0.5

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 (117) hide show
  1. package/README.md +54 -9
  2. package/lib/esm/src/common/base/base.interface.d.ts +4 -10
  3. package/lib/esm/src/common/base/base.interface.js +1 -1
  4. package/lib/esm/src/common/base/base.interface.js.map +1 -1
  5. package/lib/esm/src/common/base/icon.d.ts +7 -0
  6. package/lib/esm/src/common/base/icon.js +1 -0
  7. package/lib/esm/src/common/base/icon.js.map +1 -0
  8. package/lib/esm/src/common/hook/useCleanId.d.ts +1 -0
  9. package/lib/esm/src/common/hook/useCleanId.js +1 -0
  10. package/lib/esm/src/common/hook/useCleanId.js.map +1 -0
  11. package/lib/esm/src/common/hook/useClickOutside.d.ts +2 -0
  12. package/lib/esm/src/common/hook/useClickOutside.js +1 -0
  13. package/lib/esm/src/common/hook/useClickOutside.js.map +1 -0
  14. package/lib/esm/src/common/hook/useRipple.d.ts +3 -6
  15. package/lib/esm/src/common/hook/useRipple.js +1 -1
  16. package/lib/esm/src/common/hook/useRipple.js.map +1 -1
  17. package/lib/esm/src/common/util/lodashUtil.js +1 -1
  18. package/lib/esm/src/common/util/lodashUtil.js.map +1 -1
  19. package/lib/esm/src/common/util/variation.d.ts +3 -3
  20. package/lib/esm/src/common/util/variation.js +1 -1
  21. package/lib/esm/src/common/util/variation.js.map +1 -1
  22. package/lib/esm/src/components/accordion/KAccordion.d.ts +6 -0
  23. package/lib/esm/src/components/accordion/KAccordion.interface.d.ts +10 -0
  24. package/lib/esm/src/components/accordion/KAccordion.interface.js +1 -0
  25. package/lib/esm/src/components/accordion/KAccordion.interface.js.map +1 -0
  26. package/lib/esm/src/components/accordion/KAccordion.js +1 -0
  27. package/lib/esm/src/components/accordion/KAccordion.js.map +1 -0
  28. package/lib/esm/src/components/accordion/index.d.ts +2 -0
  29. package/lib/esm/src/components/accordion/index.js +1 -0
  30. package/lib/esm/src/components/accordion/index.js.map +1 -0
  31. package/lib/esm/src/components/button/KButton.d.ts +2 -3
  32. package/lib/esm/src/components/button/KButton.interface.d.ts +4 -4
  33. package/lib/esm/src/components/button/KButton.js +1 -1
  34. package/lib/esm/src/components/button/KButton.js.map +1 -1
  35. package/lib/esm/src/components/card/KCard.d.ts +6 -0
  36. package/lib/esm/src/components/card/KCard.interface.d.ts +15 -0
  37. package/lib/esm/src/components/card/KCard.interface.js +1 -0
  38. package/lib/esm/src/components/card/KCard.interface.js.map +1 -0
  39. package/lib/esm/src/components/card/KCard.js +1 -0
  40. package/lib/esm/src/components/card/KCard.js.map +1 -0
  41. package/lib/esm/src/components/card/index.d.ts +2 -0
  42. package/lib/esm/src/components/card/index.js +1 -0
  43. package/lib/esm/src/components/card/index.js.map +1 -0
  44. package/lib/esm/src/components/drop-holder/KDropHolder.d.ts +3 -0
  45. package/lib/esm/src/components/drop-holder/KDropHolder.interface.d.ts +15 -0
  46. package/lib/esm/src/components/drop-holder/KDropHolder.interface.js +1 -0
  47. package/lib/esm/src/components/drop-holder/KDropHolder.interface.js.map +1 -0
  48. package/lib/esm/src/components/drop-holder/KDropHolder.js +1 -0
  49. package/lib/esm/src/components/drop-holder/KDropHolder.js.map +1 -0
  50. package/lib/esm/src/components/drop-holder/index.d.ts +2 -0
  51. package/lib/esm/src/components/drop-holder/index.js +1 -0
  52. package/lib/esm/src/components/drop-holder/index.js.map +1 -0
  53. package/lib/esm/src/components/icon/KIcon.d.ts +3 -0
  54. package/lib/esm/src/components/icon/KIcon.interface.d.ts +14 -0
  55. package/lib/esm/src/components/icon/KIcon.interface.js +1 -0
  56. package/lib/esm/src/components/icon/KIcon.interface.js.map +1 -0
  57. package/lib/esm/src/components/icon/KIcon.js +1 -0
  58. package/lib/esm/src/components/icon/KIcon.js.map +1 -0
  59. package/lib/esm/src/components/icon/index.d.ts +2 -0
  60. package/lib/esm/src/components/icon/index.js +1 -0
  61. package/lib/esm/src/components/icon/index.js.map +1 -0
  62. package/lib/esm/src/components/index.d.ts +8 -1
  63. package/lib/esm/src/components/index.js +1 -1
  64. package/lib/esm/src/components/index.js.map +1 -1
  65. package/lib/esm/src/components/input/select/KSelect.d.ts +3 -0
  66. package/lib/esm/src/components/input/select/KSelect.interface.d.ts +30 -0
  67. package/lib/esm/src/components/input/select/KSelect.interface.js +1 -0
  68. package/lib/esm/src/components/input/select/KSelect.interface.js.map +1 -0
  69. package/lib/esm/src/components/input/select/KSelect.js +1 -0
  70. package/lib/esm/src/components/input/select/KSelect.js.map +1 -0
  71. package/lib/esm/src/components/input/select/KSelectList.d.ts +3 -0
  72. package/lib/esm/src/components/input/select/KSelectList.js +1 -0
  73. package/lib/esm/src/components/input/select/KSelectList.js.map +1 -0
  74. package/lib/esm/src/components/input/select/index.d.ts +2 -0
  75. package/lib/esm/src/components/input/select/index.js +1 -0
  76. package/lib/esm/src/components/input/select/index.js.map +1 -0
  77. package/lib/esm/src/components/input/switch/KSwitch.d.ts +3 -0
  78. package/lib/esm/src/components/input/switch/KSwitch.interface.d.ts +11 -0
  79. package/lib/esm/src/components/input/switch/KSwitch.interface.js +1 -0
  80. package/lib/esm/src/components/input/switch/KSwitch.interface.js.map +1 -0
  81. package/lib/esm/src/components/input/switch/KSwitch.js +1 -0
  82. package/lib/esm/src/components/input/switch/KSwitch.js.map +1 -0
  83. package/lib/esm/src/components/input/switch/index.d.ts +2 -0
  84. package/lib/esm/src/components/input/switch/index.js +1 -0
  85. package/lib/esm/src/components/input/switch/index.js.map +1 -0
  86. package/lib/esm/src/components/input/textfield/KTextField.d.ts +3 -0
  87. package/lib/esm/src/components/input/textfield/KTextField.interface.d.ts +34 -0
  88. package/lib/esm/src/components/input/textfield/KTextField.interface.js +1 -0
  89. package/lib/esm/src/components/input/textfield/KTextField.interface.js.map +1 -0
  90. package/lib/esm/src/components/input/textfield/KTextField.js +1 -0
  91. package/lib/esm/src/components/input/textfield/KTextField.js.map +1 -0
  92. package/lib/esm/src/components/input/textfield/index.d.ts +2 -0
  93. package/lib/esm/src/components/input/textfield/index.js +1 -0
  94. package/lib/esm/src/components/input/textfield/index.js.map +1 -0
  95. package/lib/esm/src/components/modal/KModal.d.ts +6 -0
  96. package/lib/esm/src/components/modal/KModal.interface.d.ts +17 -0
  97. package/lib/esm/src/components/modal/KModal.interface.js +1 -0
  98. package/lib/esm/src/components/modal/KModal.interface.js.map +1 -0
  99. package/lib/esm/src/components/modal/KModal.js +1 -0
  100. package/lib/esm/src/components/modal/KModal.js.map +1 -0
  101. package/lib/esm/src/components/modal/index.d.ts +2 -0
  102. package/lib/esm/src/components/modal/index.js +1 -0
  103. package/lib/esm/src/components/modal/index.js.map +1 -0
  104. package/lib/styles/index.css +1 -273
  105. package/package.json +90 -82
  106. package/lib/esm/src/common/base/base.d.ts +0 -2
  107. package/lib/esm/src/common/base/base.js +0 -1
  108. package/lib/esm/src/common/base/base.js.map +0 -1
  109. package/lib/esm/src/common/util/color.d.ts +0 -6
  110. package/lib/esm/src/common/util/color.js +0 -1
  111. package/lib/esm/src/common/util/color.js.map +0 -1
  112. package/lib/esm/src/components/textfield/KTextField.d.ts +0 -2
  113. package/lib/esm/src/components/textfield/KTextField.js +0 -1
  114. package/lib/esm/src/components/textfield/KTextField.js.map +0 -1
  115. package/lib/esm/src/components/textfield/index.d.ts +0 -1
  116. package/lib/esm/src/components/textfield/index.js +0 -1
  117. package/lib/esm/src/components/textfield/index.js.map +0 -1
@@ -1,273 +1 @@
1
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
2
- margin: 0;
3
- padding: 0;
4
- border: 0;
5
- font-size: 100%;
6
- font: inherit;
7
- vertical-align: baseline
8
- }
9
-
10
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
11
- display: block
12
- }
13
-
14
- body {
15
- line-height: 1
16
- }
17
-
18
- ol, ul {
19
- list-style: none
20
- }
21
-
22
- blockquote, q {
23
- quotes: none
24
- }
25
-
26
- blockquote:before, blockquote:after, q:before, q:after {
27
- content: "";
28
- content: none
29
- }
30
-
31
- table {
32
- border-collapse: collapse;
33
- border-spacing: 0
34
- }
35
-
36
- * {
37
- box-sizing: border-box
38
- }
39
-
40
- .k-ripple {
41
- position: absolute;
42
- opacity: .1;
43
- border-radius: 50%
44
- }
45
-
46
- @keyframes ripple-effect {
47
- 0% {
48
- transform: scale(.1);
49
- opacity: .32
50
- }
51
- to {
52
- transform: scale(1);
53
- opacity: .1
54
- }
55
- }
56
-
57
- .k-spinner--loading {
58
- display: inline-block;
59
- border: 3px solid #FFF;
60
- border-bottom-color: #ff3d00;
61
- border-radius: 50%;
62
- animation: rotation 1s linear infinite
63
- }
64
-
65
- @keyframes rotation {
66
- 0% {
67
- transform: rotate(0)
68
- }
69
- to {
70
- transform: rotate(360deg)
71
- }
72
- }
73
-
74
- :root {
75
- --k-primary-color: #068FFF;
76
- --k-primary-hover-color: #0079dc;
77
- --k-secondary-color-red: #ED2B2A;
78
- --k-secondary-color-green: #7DCE13;
79
- --k-secondary-color-yellow: #FFFA4D;
80
- --k-secondary-color-blue: #0079FF;
81
- --k-white-color: #ffffff;
82
- --k-white-hover-color: #ebebeb;
83
- --k-black-color: #000000;
84
- --k-black-hover-color: #141414;
85
- --k-gray-color-50: #F8F9FA;
86
- --k-gray-color-100: #F1F3F5;
87
- --k-gray-color-200: #E8EBED;
88
- --k-gray-color-300: #DEE2E6;
89
- --k-gray-color-400: #C9CDD2;
90
- --k-gray-color-500: #9EA4AA;
91
- --k-gray-color-600: #72787F;
92
- --k-gray-color-700: #454C53;
93
- --k-gray-color-800: #26282B;
94
- --k-gray-color-900: #1B1D1F
95
- }
96
-
97
- .k-button {
98
- position: relative;
99
- display: inline-flex;
100
- justify-content: center;
101
- align-items: center;
102
- border: 1px solid transparent;
103
- background: transparent;
104
- border-radius: 3px;
105
- overflow: hidden;
106
- cursor: pointer;
107
- user-select: none;
108
- transition-duration: .3s;
109
- transition-timing-function: ease
110
- }
111
-
112
- .k-button[disabled] {
113
- cursor: not-allowed
114
- }
115
-
116
- .k-button .k-button__content {
117
- white-space: nowrap
118
- }
119
-
120
- .k-button.k-button--default {
121
- color: #454c53;
122
- border-color: #454c53;
123
- background: #fff
124
- }
125
-
126
- .k-button.k-button--default:hover {
127
- border-color: #5f6469;
128
- background: #ebebeb
129
- }
130
-
131
- .k-button.k-button--default[disabled] {
132
- background: #e0e0e0
133
- }
134
-
135
- .k-button.k-button--default .k-spinner--loading {
136
- border: 3px solid #E8EBED;
137
- border-bottom-color: #454c53
138
- }
139
-
140
- .k-button.k-button--primary {
141
- color: #fff;
142
- border-color: #068fff;
143
- background: #068fff
144
- }
145
-
146
- .k-button.k-button--primary:hover {
147
- border-color: #0079dc;
148
- background: #0079dc
149
- }
150
-
151
- .k-button.k-button--primary[disabled] {
152
- color: #e0e0e0;
153
- border-color: #006ec8;
154
- background: #006ec8
155
- }
156
-
157
- .k-button.k-button--primary .k-spinner--loading {
158
- border: 3px solid #068FFF;
159
- border-bottom-color: #fff
160
- }
161
-
162
- .k-button.k-button--outlined {
163
- color: #068fff;
164
- border-color: #068fff;
165
- background: #fff
166
- }
167
-
168
- .k-button.k-button--outlined:hover {
169
- border-color: #0079dc;
170
- background: #ebebeb
171
- }
172
-
173
- .k-button.k-button--outlined[disabled] {
174
- color: #006ec8;
175
- border-color: #006ec8;
176
- background: #e0e0e0
177
- }
178
-
179
- .k-button.k-button--outlined .k-spinner--loading {
180
- border: 3px solid #068FFF;
181
- border-bottom-color: #fff
182
- }
183
-
184
- .k-button.k-button--loading {
185
- pointer-events: none
186
- }
187
-
188
- .k-button.k-button--loading .k-button__content {
189
- opacity: 0
190
- }
191
-
192
- .k-button.k-button--loading:focus-within {
193
- outline: none
194
- }
195
-
196
- .k-button.k-button--loading .k-button__loading__container {
197
- position: absolute;
198
- top: 50%;
199
- left: 50%;
200
- transform: translate(-50%, -50%);
201
- display: flex;
202
- justify-content: center;
203
- align-items: center
204
- }
205
-
206
- .k-button.k-button--large {
207
- height: 36px;
208
- padding: 0 24px
209
- }
210
-
211
- .k-button.k-button--large .k-button__content {
212
- font-size: 18px;
213
- line-height: 22px;
214
- font-weight: 500
215
- }
216
-
217
- .k-button.k-button--large .k-spinner--loading {
218
- width: 24px;
219
- height: 24px
220
- }
221
-
222
- .k-button.k-button--medium {
223
- height: 32px;
224
- padding: 0 16px
225
- }
226
-
227
- .k-button.k-button--medium .k-button__content {
228
- font-size: 16px;
229
- line-height: 20px;
230
- font-weight: 400
231
- }
232
-
233
- .k-button.k-button--medium .k-spinner--loading {
234
- width: 18px;
235
- height: 18px
236
- }
237
-
238
- .k-button.k-button--small {
239
- height: 28px;
240
- padding: 0 12px
241
- }
242
-
243
- .k-button.k-button--small .k-button__content {
244
- font-size: 14px;
245
- line-height: 18px;
246
- font-weight: 300
247
- }
248
-
249
- .k-button.k-button--small .k-spinner--loading {
250
- width: 16px;
251
- height: 16px
252
- }
253
-
254
- .dark .k-button.k-button--default {
255
- color: #fff;
256
- border-color: #454c53;
257
- background: #454c53
258
- }
259
-
260
- .dark .k-button.k-button--default:hover {
261
- border-color: #586069;
262
- background: #586069
263
- }
264
-
265
- .dark .k-button.k-button--default[disabled] {
266
- color: #d1d7db;
267
- background: #616b74
268
- }
269
-
270
- .dark .k-button.k-button--default .k-spinner--loading {
271
- border: 3px solid #E8EBED;
272
- border-bottom-color: #454c53
273
- }
1
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;border:1px solid transparent;background:transparent;border-radius:3px;overflow:hidden;cursor:pointer;user-select:none;transition-duration:.3s;transition-timing-function:ease}.k-button[disabled]{cursor:not-allowed}.k-button .k-button__content{white-space:nowrap}.k-button .k-ripple{background-color:#d9d9d9}.k-button.k-button--outlined{color:#333;border-color:#b3b3b3;background:#fff}.k-button.k-button--outlined:hover{border-color:#0a0a0a;background:#f5f5f5}.k-button.k-button--outlined[disabled]{color:#424242;border-color:#a4a4a4;background-color:#f0f0f0}.k-button.k-button--contained{color:#fff;border-color:#999;background:#999}.k-button.k-button--contained:hover{border-color:#8f8f8f;background:#8f8f8f}.k-button.k-button--contained[disabled]{color:#f0f0f0;border-color:#a8a8a8;background:#a8a8a8}.k-button.k-button--small{height:28px;padding:0 12px}.k-button.k-button--small .k-button__content{font-size:14px;line-height:20px;font-weight:400}.k-button.k-button--medium{height:32px;padding:0 16px}.k-button.k-button--medium .k-button__content{font-size:16px;line-height:22px;font-weight:400}.dark .k-button .k-ripple{background-color:#d9d9d9}.dark .k-button.k-button--outlined{color:#fff;border-color:gray;background-color:#000}.dark .k-button.k-button--outlined:hover{border-color:#e0e0e0;background:#1f1f1f}.dark .k-button.k-button--outlined[disabled]{color:#fff;border-color:#434343;background-color:#3d3d3d}.dark .k-button.k-button--contained{color:#fff;border:none;background:#000}.dark .k-button.k-button--contained:hover{background:#1f1f1f}.dark .k-button.k-button--contained[disabled]{color:#fff;background-color:#3d3d3d}.k-text-field{display:flex;min-width:280px;width:300px;font-size:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.k-text-field .k-text-field__label__container{display:flex;justify-content:space-between;align-items:center;padding:0 2px;overflow:hidden}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:2px;white-space:nowrap;color:#333}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:#ed2b2a}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#000;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.k-text-field.k-text-field--column{flex-direction:column}.k-text-field.k-text-field--column .k-text-field__label__container{margin-bottom:6px}.k-text-field.k-text-field--row{flex-direction:row;gap:16px}.k-text-field.k-text-field--row .k-text-field__label__container{display:flex;justify-content:flex-start;align-items:center}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:center;align-items:center;width:100%;border:1px solid #b3b3b3;border-radius:3px;background:#fff;caret-color:#333;font-size:0;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container:hover,.k-text-field .k-text-field__input__container:focus-within{border-color:#000}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;padding:0;border:none;outline:none;background-color:transparent;color:#333;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#b3b3b3}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-left:8px}.k-text-field.k-text-field--disabled .k-text-field__input__container{background:#f0f0f0;cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#b3b3b3}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#424242;background:#f0f0f0;cursor:not-allowed}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:14px;line-height:22px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:16px;line-height:22px;font-weight:400;padding:6px 10px}.k-text-field.k-text-field--small{min-width:220px;width:240px}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px;line-height:20px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:14px;line-height:20px;font-weight:400;padding:4px 8px}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text{color:#ccc}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container{background:#3d3d3d}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#4d4d4d}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#fff;background:#3d3d3d}.dark .k-text-field .k-text-field__input__container{border:1px solid #4d4d4d;border-radius:3px;background:#000;caret-color:#fff}.dark .k-text-field .k-text-field__input__container:hover,.dark .k-text-field .k-text-field__input__container:focus-within{border-color:#fff}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:#fff}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#858585}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:80px;border:1px solid #b3b3b3;border-radius:3px;background:#fff;white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-select:hover{border-color:#0a0a0a}.k-select.k-select--disabled{color:#424242;background:#f0f0f0;cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:#b3b3b3}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:#b3b3b3}.k-select .k-select__current__label__arrow-icon{transition-duration:.3s;transition-timing-function:ease}.k-select.k-select--open .k-select__current__label__arrow-icon{transform:rotate(180deg)}.k-select.k-select--open .k-select__menu-list{height:auto}.k-select .k-select__menu-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;height:0;border:1px solid #b3b3b3;background-color:#fff;border-radius:3px;overflow:hidden;z-index:10}.k-select .k-select__menu-list .k-select__menu-list__item{width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e6e6e6}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#f5f5f5}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:#b3b3b3}.k-select.k-select--medium{width:240px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:6px 8px 6px 10px;font-size:16px;line-height:22px;font-weight:400}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{padding:6px 8px}.k-select.k-select--small{width:200px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:4px 8px 4px 10px;font-size:14px;line-height:20px;font-weight:400}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{padding:4px 8px}.dark .k-select{color:#fff;border:1px solid #808080;border-radius:3px;background:#000}.dark .k-select:hover{border-color:#e0e0e0}.dark .k-select.k-select--disabled{color:#fff;background:#3d3d3d}.dark .k-select.k-select--disabled:hover{border-color:gray}.dark .k-select .k-select__menu-list{border-color:gray;background-color:#000}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:gray}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#1f1f1f}.k-checkbox{display:inline-block;font-size:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;overflow:hidden;user-select:none}.k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{fill:#424242}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#424242}.k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.k-checkbox .k-checkbox__container .k-icon,.k-checkbox .k-checkbox__container .k-checkbox__container__label{color:#333}.k-checkbox.k-checkbox--large .k-checkbox__container .k-checkbox__container__label{font-size:18px;line-height:24px;font-weight:400}.k-checkbox.k-checkbox--medium .k-checkbox__container .k-checkbox__container__label{font-size:16px;line-height:22px;font-weight:400}.k-checkbox.k-checkbox--small .k-checkbox__container .k-checkbox__container__label{font-size:14px;line-height:20px;font-weight:400}.dark .k-checkbox.k-checkbox--disabled{color:#fff}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{fill:#fff}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#fff}.dark .k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.dark .k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.dark .k-checkbox .k-checkbox__container .k-icon,.dark .k-checkbox .k-checkbox__container .k-checkbox__container__label{color:#fff}.k-checkbox-group{display:inline-flex;justify-content:space-between;align-items:center;gap:8px}.k-checkbox-group.k-checkbox-group--row{flex-direction:row}.k-checkbox-group.k-checkbox-group--column{flex-direction:column;align-items:flex-start}.k-checkbox-group.k-checkbox-group--small{gap:12px}.k-checkbox-group.k-checkbox-group--medium{gap:14px}.k-checkbox-group.k-checkbox-group--large{gap:16px}.k-radio{display:inline-block;font-size:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;overflow:hidden;user-select:none}.k-radio.k-radio--disabled .k-radio__container{cursor:not-allowed}.k-radio.k-radio--disabled .k-radio__container .k-icon{fill:#424242}.k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#424242}.k-radio .k-radio__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.k-radio .k-radio__container .k-radio__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.k-radio .k-radio__container .k-icon,.k-radio .k-radio__container .k-radio__container__label{color:#333}.k-radio.k-radio--large .k-radio__container .k-radio__container__label{font-size:18px;line-height:24px;font-weight:400}.k-radio.k-radio--medium .k-radio__container .k-radio__container__label{font-size:16px;line-height:22px;font-weight:400}.k-radio.k-radio--small .k-radio__container .k-radio__container__label{font-size:14px;line-height:20px;font-weight:400}.dark .k-radio.k-radio--disabled{color:#fff}.dark .k-radio.k-radio--disabled .k-radio__container{cursor:not-allowed}.dark .k-radio.k-radio--disabled .k-radio__container .k-icon{fill:#fff}.dark .k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#fff}.dark .k-radio .k-radio__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.dark .k-radio .k-radio__container .k-radio__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.dark .k-radio .k-radio__container .k-icon,.dark .k-radio .k-radio__container .k-radio__container__label{color:#fff}.k-switch{position:relative;border:none;cursor:pointer;padding:0;overflow:hidden}.k-switch .k-switch__active-background,.k-switch .k-switch__default-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .24s ease}.k-switch .k-switch__active-background{background-color:#068fff}.k-switch .k-switch__default-background{background-color:#f2f2f2}.k-switch.k-switch--on>.k-switch__active-background{opacity:1}.k-switch.k-switch--on>.k-switch__default-background{opacity:0}.k-switch.k-switch--disabled{cursor:not-allowed}.k-switch.k-switch--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:#fff;border-radius:50%;transition:left .3s ease;z-index:1}.k-switch.k-switch--medium{width:54px;height:30px;border-radius:16px}.k-switch.k-switch--medium .k-switch__toggle{width:24px;height:24px}.k-switch.k-switch--medium.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 27px)}.k-switch.k-switch--medium.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--small{width:48px;height:26px;border-radius:14px}.k-switch.k-switch--small .k-switch__toggle{width:20px;height:20px}.k-switch.k-switch--small.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 23px)}.k-switch.k-switch--small.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-icon{display:inline-flex;justify-content:center;align-items:center;user-select:none;fill:#333}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon svg{width:100%;height:100%}.k-icon.k-icon--large svg{font-size:42px;width:42px;height:42px}.k-icon.k-icon--medium svg{font-size:36px;width:36px;height:36px}.k-icon.k-icon--small svg{font-size:28px;width:28px;height:28px}.dark .k-icon{fill:#ccc}.k-drop-holder{display:inline-block;cursor:pointer}.k-drop-holder__popup__wrapper{padding:12px;border:1px solid #000}.k-chip{position:relative;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;border-width:1px;border-style:solid;overflow:hidden;user-select:none}.k-chip.k-chip--disabled{cursor:not-allowed}.k-chip.k-chip--clickable{cursor:pointer}.k-chip.k-chip--contained{color:#fff;border:none;background-color:#068fff}.k-chip.k-chip--contained .k-icon{fill:#fff}.k-chip.k-chip--contained.k-chip--disabled{color:#424242;background-color:#008afb}.k-chip.k-chip--contained.k-chip--disabled .k-icon{fill:#424242}.k-chip.k-chip--outlined{color:#068fff;border-color:#068fff}.k-chip.k-chip--outlined .k-icon{fill:#068fff}.k-chip.k-chip--outlined.k-chip--disabled{color:#008afb;background-color:#f0f0f0}.k-chip.k-chip--default{color:#999;border-color:#b3b3b3;background-color:#fff}.k-chip.k-chip--default .k-icon{fill:#999}.k-chip.k-chip--default.k-chip--disabled{color:#424242;border-color:#424242;background-color:#f0f0f0}.k-chip.k-chip--default.k-chip--disabled .k-icon{fill:#424242}.k-chip.k-chip--large{gap:4px;height:30px;padding:6px 10px;border-radius:3px}.k-chip.k-chip--large .k-chip__label{font-size:18px}.k-chip.k-chip--large.k-chip--closeable{padding-right:12px}.k-chip.k-chip--large.k-chip--rounded{border-radius:15px}.k-chip.k-chip--medium{gap:2px;height:28px;padding:2px 10px;border-radius:3px}.k-chip.k-chip--medium .k-chip__label{font-size:16px}.k-chip.k-chip--medium.k-chip--closeable{padding-right:8px}.k-chip.k-chip--medium.k-chip--rounded{border-radius:14px}.k-chip.k-chip--small{gap:2px;height:26px;padding:2px 8px;border-radius:3px}.k-chip.k-chip--small .k-chip__label{font-size:14px}.k-chip.k-chip--small.k-chip--closeable{padding-right:8px}.k-chip.k-chip--small.k-chip--rounded{border-radius:13px}.k-card{position:relative;display:inline-flex;flex-direction:column;padding:8px;border:1px solid #b3b3b3;border-radius:3px;min-width:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.k-card .k-card__title{font-size:24px;line-height:32px;font-weight:400}.k-card .k-card__title+.k-card__sub-title{margin-top:8px}.k-card .k-card__sub-title{font-size:16px;line-height:24px;font-weight:400}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:ease}.k-card.k-card__clickable:hover{box-shadow:#00000059 0 5px 15px;transform:translateY(-4px)}.k-card.k-card--outlined{border-color:#b3b3b3;color:#333}.k-card.k-card--contained{color:#fff;border-color:#068fff;background:#068fff}.dark .k-card{border-color:gray;color:#fff}.k-accordion{border:1px solid #b3b3b3;border-radius:3px;overflow:hidden}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease;background:#f2f2f2;list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:hover{background:#e6e6e6}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start;color:#333}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center;cursor:pointer}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:ease}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon--close{transform:rotate(180deg)}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:#fff;overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:16px}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:12px}.k-accordion.k-accordion--medium{font-size:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:12px 14px}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:10px}.k-accordion.k-accordion--small{font-size:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:8px 12px}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:8px}.dark .k-accordion{border-color:gray}.dark .k-accordion .k-accordion__summary{background:#191919}.dark .k-accordion .k-accordion__summary .k-accordion__summary__container{color:#fff}.dark .k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon>svg{fill:#fff}.dark .k-accordion .k-accordion__content{color:#e8e8e8;background-color:#333}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.016)}}@keyframes modalScaleDown{0%{transform:scale(1.016)}to{transform:scale(1)}}.k-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .24s forwards}.k-modal__wrapper.k-modal__wrapper--close{animation:fadeOut .24s forwards}.k-modal__wrapper.k-modal__wrapper--close .k-modal__container{animation:modalScaleUp .16s ease-in forwards}.k-modal__wrapper .k-modal__container{z-index:1002;border-radius:3px;background-color:#fff;box-shadow:#00000059 0 5px 15px;overflow:hidden;animation:modalScaleDown .16s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #e6e6e6}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:18px;line-height:24px;font-weight:700}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button{position:relative;width:24px;height:24px;background:none;border:none;color:transparent;cursor:pointer;overflow:hidden}.k-modal__wrapper .k-modal__container .k-modal__container__content{padding:20px 16px}.k-modal__wrapper .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 12px 12px}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:824px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:640px;width:100%}.k-modal__wrapper .k-modal-wrapper__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:#000;opacity:.16}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--transparent{background-color:transparent;opacity:0}@media screen and (max-width: 1040px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - 64px)}}@media screen and (max-width: 824px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - 48px)}}@media screen and (max-width: 640px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - 32px)}}
package/package.json CHANGED
@@ -1,84 +1,92 @@
1
1
  {
2
- "name": "kku-ui",
3
- "private": false,
4
- "version": "0.0.3",
5
- "type": "module",
6
- "module": "lib/esm/index.js",
7
- "main": "lib/esm/index.js",
8
- "files": [
9
- "lib/"
10
- ],
11
- "keywords": [
12
- "react",
13
- "react UI",
14
- "UI Library"
15
- ],
16
- "scripts": {
17
- "clean": "rimraf lib",
18
- "build-sass": "sass --no-source-map src/styles/Entry.scss:lib/styles/index.css",
19
- "minify-css": "esbuild lib/styles/index.css --minify --allow-overwrite --outfile=lib/styles/index.css",
20
- "build-tsc": "tsc --project ./tsconfig.esm.json && tsc-alias -p tsconfig.esm.json",
21
- "minify-js": "esbuild lib/esm/**/*.js --minify --allow-overwrite --outdir=lib/esm",
22
- "build": "yarn clean && yarn build-sass && yarn minify-css && yarn build-tsc && yarn minify-js",
23
- "publish": "publish",
24
- "test": "jest -all",
25
- "sb": "storybook dev -p 6006",
26
- "build-storybook": "storybook build"
27
- },
28
- "dependencies": {
29
- "lodash": "^4.17.21",
30
- "react": "^18.2.0",
31
- "react-dom": "^18.2.0"
32
- },
33
- "devDependencies": {
34
- "@babel/core": "^7.23.9",
35
- "@babel/preset-env": "^7.23.9",
36
- "@babel/preset-react": "^7.23.3",
37
- "@babel/preset-typescript": "^7.23.2",
38
- "@storybook/addon-essentials": "^7.6.10",
39
- "@storybook/addon-interactions": "^7.6.10",
40
- "@storybook/addon-links": "^7.6.10",
41
- "@storybook/addon-onboarding": "^1.0.10",
42
- "@storybook/blocks": "^7.6.5",
43
- "@storybook/builder-vite": "^7.6.5",
44
- "@storybook/preset-scss": "^1.0.3",
45
- "@storybook/react": "^7.6.5",
46
- "@storybook/react-vite": "^7.6.5",
47
- "@storybook/test": "^7.6.5",
48
- "@testing-library/jest-dom": "^6.3.0",
49
- "@testing-library/react": "^14.1.2",
50
- "@testing-library/user-event": "^14.5.2",
51
- "@types/jest": "^29.5.11",
52
- "@types/react": "^18.2.15",
53
- "@types/react-dom": "^18.2.7",
54
- "@types/testing-library__jest-dom": "^6.0.0",
55
- "@typescript-eslint/eslint-plugin": "^6.19.1",
56
- "@typescript-eslint/parser": "^6.19.1",
57
- "@vitejs/plugin-react-swc": "^3.5.0",
58
- "babel-jest": "^29.7.0",
59
- "esbuild": "^0.20.0",
60
- "eslint": "^8.56.0",
61
- "eslint-config-airbnb": "^19.0.4",
62
- "eslint-config-airbnb-typescript": "^17.1.0",
63
- "eslint-plugin-import": "^2.29.1",
64
- "eslint-plugin-jsx-a11y": "^6.8.0",
65
- "eslint-plugin-react": "^7.33.2",
66
- "eslint-plugin-react-hooks": "^4.6.0",
67
- "eslint-plugin-react-refresh": "^0.4.3",
68
- "eslint-plugin-storybook": "^0.6.15",
69
- "identity-obj-proxy": "^3.0.0",
70
- "jest": "^29.7.0",
71
- "jest-environment-jsdom": "^29.7.0",
72
- "sass": "^1.70.0",
73
- "storybook": "^7.6.10",
74
- "ts-jest": "^29.1.2",
75
- "ts-node": "^10.9.1",
76
- "tsc-alias": "^1.8.8",
77
- "typescript": "^5.3.3",
78
- "typescript-plugin-css-modules": "^5.0.2",
79
- "vite": "^5.0.12",
80
- "vite-plugin-compression2": "^0.11.0",
81
- "vite-plugin-eslint": "^1.8.1"
82
- },
83
- "license": "MIT"
2
+ "name": "kku-ui",
3
+ "version": "0.0.5",
4
+ "type": "module",
5
+ "module": "lib/esm/index.js",
6
+ "main": "lib/esm/index.js",
7
+ "files": [
8
+ "lib/"
9
+ ],
10
+ "keywords": [
11
+ "react",
12
+ "react UI",
13
+ "UI Library"
14
+ ],
15
+ "scripts": {
16
+ "clean": "rimraf lib",
17
+ "build-sass": "sass --no-source-map src/styles/Entry.scss:lib/styles/index.css",
18
+ "minify-css": "esbuild lib/styles/index.css --minify --allow-overwrite --outfile=lib/styles/index.css",
19
+ "build-tsc": "tsc --project ./tsconfig.esm.json && tsc-alias -p tsconfig.esm.json",
20
+ "minify-js": "esbuild lib/esm/**/*.js --minify --allow-overwrite --outdir=lib/esm",
21
+ "replacer": "node build-replacer.js",
22
+ "build": "yarn clean && yarn build-sass && yarn minify-css && yarn build-tsc && yarn replacer && yarn minify-js",
23
+ "publish": "publish",
24
+ "test": "jest -all",
25
+ "sb": "storybook dev -p 6006",
26
+ "build-storybook": "storybook build",
27
+ "chromatic": "npx chromatic --project-token=chpt_8a400cd81ccf1b2"
28
+ },
29
+ "dependencies": {
30
+ "lodash-es": "^4.17.21",
31
+ "react": "^19.0.0",
32
+ "react-dom": "^19.0.0"
33
+ },
34
+ "devDependencies": {
35
+ "@babel/core": "^7.25.2",
36
+ "@babel/preset-env": "^7.25.4",
37
+ "@babel/preset-react": "^7.24.7",
38
+ "@babel/preset-typescript": "^7.23.2",
39
+ "@chromatic-com/storybook": "^1",
40
+ "@storybook/addon-essentials": "^8.5.3",
41
+ "@storybook/addon-highlight": "^8.5.3",
42
+ "@storybook/addon-interactions": "^8.5.3",
43
+ "@storybook/addon-links": "^8.5.3",
44
+ "@storybook/addon-onboarding": "^8.5.3",
45
+ "@storybook/blocks": "^8.5.3",
46
+ "@storybook/manager": "^8.5.3",
47
+ "@storybook/preset-scss": "^1.0.3",
48
+ "@storybook/react": "^8.5.3",
49
+ "@storybook/react-vite": "^8.5.3",
50
+ "@storybook/test": "^8.5.3",
51
+ "@testing-library/jest-dom": "^6.3.0",
52
+ "@testing-library/react": "^14.1.2",
53
+ "@testing-library/user-event": "^14.5.2",
54
+ "@types/jest": "^29.5.11",
55
+ "@types/lodash-es": "^4.17.12",
56
+ "@types/react": "^19.0.8",
57
+ "@types/react-dom": "^19.0.3",
58
+ "@types/testing-library__jest-dom": "^6.0.0",
59
+ "@typescript-eslint/eslint-plugin": "^6.19.1",
60
+ "@typescript-eslint/parser": "^6.19.1",
61
+ "@vitejs/plugin-react-swc": "^3.8.0",
62
+ "babel-jest": "^29.7.0",
63
+ "chromatic": "^10.7.1",
64
+ "esbuild": "^0.20.0",
65
+ "eslint": "^8.56.0",
66
+ "eslint-config-airbnb": "^19.0.4",
67
+ "eslint-config-airbnb-typescript": "^17.1.0",
68
+ "eslint-plugin-import": "^2.29.1",
69
+ "eslint-plugin-jsx-a11y": "^6.8.0",
70
+ "eslint-plugin-react": "^7.37.4",
71
+ "eslint-plugin-react-hooks": "^5.1.0",
72
+ "eslint-plugin-react-refresh": "^0.4.19",
73
+ "eslint-plugin-storybook": "^0.8.0",
74
+ "glob": "^10.3.10",
75
+ "identity-obj-proxy": "^3.0.0",
76
+ "jest": "^29.7.0",
77
+ "jest-environment-jsdom": "^29.7.0",
78
+ "sass": "1.56.0",
79
+ "storybook": "^8.5.3",
80
+ "storybook-dark-mode": "^4.0.2",
81
+ "ts-jest": "^29.1.2",
82
+ "ts-node": "^10.9.1",
83
+ "tsc-alias": "^1.8.8",
84
+ "typescript": "5.3.3",
85
+ "typescript-plugin-css-modules": "^5.0.2",
86
+ "vite": "^6.1.0",
87
+ "vite-plugin-compression2": "^1.3.3",
88
+ "vite-plugin-eslint": "^1.8.1"
89
+ },
90
+ "license": "MIT",
91
+ "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
84
92
  }
@@ -1,2 +0,0 @@
1
- export declare const baseName = "k";
2
- export declare const getIdentityName: (elementName: string) => string;
@@ -1 +0,0 @@
1
- "use strict";export const baseName="k",getIdentityName=e=>`${baseName}-${e}`;
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../../src/common/base/base.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC;AAG5B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,GAAG,QAAQ,IAAI,WAAW,EAAE,CAAC"}
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- shadeColor: (baseColor: string, amount: number) => string;
3
- tintColor: (baseColor: string, amount: number) => string;
4
- hexToRgb: (hexCode: string) => string;
5
- };
6
- export default _default;
@@ -1 +0,0 @@
1
- "use strict";const a=s=>{const t=s.replace(/^#/,""),r=parseInt(t.substring(0,2),16),n=parseInt(t.substring(2,4),16),e=parseInt(t.substring(4,6),16);return`rgb(${r}, ${n}, ${e})`},c=(s,t)=>{const n=s.includes("#")?a(s).match(/\d+(\.\d+)?/g):s.match(/\d+(\.\d+)?/g);return n?`rgb(${[Math.max(0,parseInt(n[0],10)-t),Math.max(0,parseInt(n[1],10)-t),Math.max(0,parseInt(n[2],10)-t)].join(",")})`:"rgb(0,0,0,)"},o=(s,t)=>{const n=s.includes("#")?a(s).match(/\d+(\.\d+)?/g):s.match(/\d+(\.\d+)?/g);return n?`rgb(${[Math.min(255,parseInt(n[0],10)+t),Math.min(255,parseInt(n[1],10)+t),Math.min(255,parseInt(n[2],10)+t)].join(",")})`:"rgb(0,0,0,)"};export default{shadeColor:c,tintColor:o,hexToRgb:a};
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/common/util/color.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,EAAE;IAEnC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAE7C,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,SAAiB,EAAE,MAAc,EAAE,EAAE;IAEvD,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACpG,IAAI,CAAC,OAAO;QAAE,OAAO,aAAa,CAAC;IAEnC,MAAM,WAAW,GAAG;QAClB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QAC9C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QAC9C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;KAC/C,CAAC;IAEF,OAAO,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,MAAc,EAAE,EAAE;IAEtD,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAa,CAAC;IAErH,IAAI,CAAC,YAAY;QAAE,OAAO,aAAa,CAAC;IAExC,MAAM,WAAW,GAAG;QAClB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QACrD,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QACrD,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;KACtD,CAAC;IAEF,OAAO,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}
@@ -1,2 +0,0 @@
1
- declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
2
- export default _default;
@@ -1 +0,0 @@
1
- "use strict";import{jsx as t}from"react/jsx-runtime";import{memo as e}from"react";const o=()=>t("input",{type:"input"});export default e(o);
@@ -1 +0,0 @@
1
- {"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../src/components/textfield/KTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,OAAO,CACL,gBAAO,IAAI,EAAC,OAAO,GAAG,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}
@@ -1 +0,0 @@
1
- export { default as TTextField } from './KTextField';
@@ -1 +0,0 @@
1
- "use strict";export{default as TTextField}from"./KTextField";
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/textfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}