kku-ui 0.0.2 → 0.0.3
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { KButtonProps, KButtonRefs } from '../../components';
|
|
2
|
-
import '
|
|
2
|
+
import '@/styles/components/button/TButton.scss';
|
|
3
3
|
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KButtonProps & import("react").RefAttributes<KButtonRefs>>>;
|
|
4
4
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as c,jsxs as M}from"react/jsx-runtime";import{useState as h,memo as _,useMemo as r,useCallback as i,useRef as x,forwardRef as K,useImperativeHandle as L}from"react";import j from"../../common/hook/useRipple";import{initSize as w,initVariant as z}from"../../common/util/variation";import U from"../../common/util/color";import{getIdentityName as $,baseName as D}from"../../common/base/base";import"
|
|
1
|
+
"use strict";import{jsx as c,jsxs as M}from"react/jsx-runtime";import{useState as h,memo as _,useMemo as r,useCallback as i,useRef as x,forwardRef as K,useImperativeHandle as L}from"react";import j from"../../common/hook/useRipple";import{initSize as w,initVariant as z}from"../../common/util/variation";import U from"../../common/util/color";import{getIdentityName as $,baseName as D}from"../../common/base/base";import"@/styles/components/button/TButton.scss";const o=$("button"),d=K((e,u)=>{const l=x(),[n,m]=h(!1),a=j(l);L(u,()=>({focus(){l.current?.focus()},click(){!e.disabled&&!n&&e.onClick&&e.onClick()},startLoading(){m(!0)},stopLoading(){m(!1)}}));const f=r(()=>{const t=[];return e.className&&t.push(e.className),n&&t.push(`${o}--loading`),z(t,o,e.variant,e.primary,e.outlined),w(t,o,e.size,e.large,e.medium,e.small),t.join(" ")},[n,e.className,e.variant,e.primary,e.outlined,e.large,e.medium,e.small,e.size]),s=r(()=>{const t=e.style||{};return e.variant==="primary"||e.primary?e.color&&(t.background=e.color,t.borderColor=e.color):e.color&&(t.color=e.color,t.borderColor=e.color),t},[e.style,e.color]),y=r(()=>{if(!n)return{};if(e.color)return{border:"3px solid #fff",borderBottomColor:e.color||"#fff"}},[n]),b=i(t=>{e.disabled||a?.register(t)},[e.disabled,a]),k=i(t=>{a.remove(),!e.disabled&&!n&&e?.onClick&&e.onClick(t)},[e,a]),g=i(()=>{(e.variant==="primary"||e.primary)&&e.color&&(l.current.style.background=U.shadeColor(e.color,20))},[e.variant,e.primary,e.color]),v=i(()=>{a.remove(),(e.variant==="primary"||e.primary)&&e.color&&(l.current.style.background=e.color)},[e.variant,e.primary,e.color,a]),C=i(t=>{a?.register(t)},[a]),N=i(t=>{(t.key==="Enter"||t.key===" ")&&(a.remove(),e.onClick&&e?.onClick())},[e,a]);return M("button",{ref:l,id:e.id,className:`k-button ${f}`,style:s,type:"button",disabled:e.disabled,onMouseDown:b,onMouseEnter:g,onMouseLeave:v,onMouseUp:k,onKeyDown:C,onKeyUp:N,"aria-busy":n,children:[(e.children||e.label)&&e.label&&c("span",{className:`${o}__content`,children:e.children||e.label}),n&&c("span",{className:`${o}__loading__container`,children:c("span",{style:y,className:`${D}-spinner--loading`})})]})});d.defaultProps={},d.displayName="KButton";export default _(d);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KButton.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,EACnB,MAAM,OAAO,CAAC;AACjF,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,
|
|
1
|
+
{"version":3,"file":"KButton.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.tsx"],"names":[],"mappings":"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"}
|
package/lib/styles/index.css
CHANGED
|
@@ -1 +1,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
|
|
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
|
+
}
|