kku-ui 0.0.3 → 0.0.4
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,3 @@
|
|
|
1
1
|
import { KButtonProps, KButtonRefs } from '../../components';
|
|
2
|
-
import '@/styles/components/button/TButton.scss';
|
|
3
2
|
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KButtonProps & import("react").RefAttributes<KButtonRefs>>>;
|
|
4
3
|
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";
|
|
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";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;
|
|
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,273 +1 @@
|
|
|
1
|
-
html,
|
|
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)}}:root{--k-primary-color: #068FFF;--k-primary-hover-color: #0079dc;--k-secondary-color-red: #ED2B2A;--k-secondary-color-green: #7DCE13;--k-secondary-color-yellow: #FFFA4D;--k-secondary-color-blue: #0079FF;--k-white-color: #ffffff;--k-white-hover-color: #ebebeb;--k-black-color: #000000;--k-black-hover-color: #141414;--k-gray-color-50: #F8F9FA;--k-gray-color-100: #F1F3F5;--k-gray-color-200: #E8EBED;--k-gray-color-300: #DEE2E6;--k-gray-color-400: #C9CDD2;--k-gray-color-500: #9EA4AA;--k-gray-color-600: #72787F;--k-gray-color-700: #454C53;--k-gray-color-800: #26282B;--k-gray-color-900: #1B1D1F}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;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-button--default{color:#454c53;border-color:#454c53;background:#fff}.k-button.k-button--default:hover{border-color:#5f6469;background:#ebebeb}.k-button.k-button--default[disabled]{background:#e0e0e0}.k-button.k-button--default .k-spinner--loading{border:3px solid #E8EBED;border-bottom-color:#454c53}.k-button.k-button--primary{color:#fff;border-color:#068fff;background:#068fff}.k-button.k-button--primary:hover{border-color:#0079dc;background:#0079dc}.k-button.k-button--primary[disabled]{color:#e0e0e0;border-color:#006ec8;background:#006ec8}.k-button.k-button--primary .k-spinner--loading{border:3px solid #068FFF;border-bottom-color:#fff}.k-button.k-button--outlined{color:#068fff;border-color:#068fff;background:#fff}.k-button.k-button--outlined:hover{border-color:#0079dc;background:#ebebeb}.k-button.k-button--outlined[disabled]{color:#006ec8;border-color:#006ec8;background:#e0e0e0}.k-button.k-button--outlined .k-spinner--loading{border:3px solid #068FFF;border-bottom-color:#fff}.k-button.k-button--loading{pointer-events:none}.k-button.k-button--loading .k-button__content{opacity:0}.k-button.k-button--loading:focus-within{outline:none}.k-button.k-button--loading .k-button__loading__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.k-button.k-button--large{height:36px;padding:0 24px}.k-button.k-button--large .k-button__content{font-size:18px;line-height:22px;font-weight:500}.k-button.k-button--large .k-spinner--loading{width:24px;height:24px}.k-button.k-button--medium{height:32px;padding:0 16px}.k-button.k-button--medium .k-button__content{font-size:16px;line-height:20px;font-weight:400}.k-button.k-button--medium .k-spinner--loading{width:18px;height:18px}.k-button.k-button--small{height:28px;padding:0 12px}.k-button.k-button--small .k-button__content{font-size:14px;line-height:18px;font-weight:300}.k-button.k-button--small .k-spinner--loading{width:16px;height:16px}.dark .k-button.k-button--default{color:#fff;border-color:#454c53;background:#454c53}.dark .k-button.k-button--default:hover{border-color:#586069;background:#586069}.dark .k-button.k-button--default[disabled]{color:#d1d7db;background:#616b74}.dark .k-button.k-button--default .k-spinner--loading{border:3px solid #E8EBED;border-bottom-color:#454c53}
|