kku-ui 0.0.44 → 0.0.45
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.
- package/README.md +19 -14
- package/lib/esm/src/components/button/KButton.js +1 -1
- package/lib/esm/src/components/button/KButton.js.map +1 -1
- package/lib/esm/src/components/icon/KIcon.js +1 -1
- package/lib/esm/src/components/icon/KIcon.js.map +1 -1
- package/lib/esm/src/components/index.d.ts +1 -1
- package/lib/esm/src/components/index.js +1 -1
- package/lib/esm/src/components/index.js.map +1 -1
- package/lib/esm/src/components/{textfield → input/textfield}/KTextField.d.ts +1 -1
- package/lib/esm/src/components/{textfield → input/textfield}/KTextField.interface.d.ts +4 -4
- package/lib/esm/src/components/input/textfield/KTextField.interface.js.map +1 -0
- package/lib/esm/src/components/input/textfield/KTextField.js +1 -0
- package/lib/esm/src/components/input/textfield/KTextField.js.map +1 -0
- package/lib/esm/src/components/input/textfield/index.js.map +1 -0
- package/lib/styles/index.css +1 -1
- package/package.json +4 -2
- package/lib/esm/src/common/base/base.d.ts +0 -2
- package/lib/esm/src/common/base/base.js +0 -1
- package/lib/esm/src/common/base/base.js.map +0 -1
- package/lib/esm/src/components/textfield/KTextField.interface.js.map +0 -1
- package/lib/esm/src/components/textfield/KTextField.js +0 -1
- package/lib/esm/src/components/textfield/KTextField.js.map +0 -1
- package/lib/esm/src/components/textfield/index.js.map +0 -1
- /package/lib/esm/src/components/{textfield → input/textfield}/KTextField.interface.js +0 -0
- /package/lib/esm/src/components/{textfield → input/textfield}/index.d.ts +0 -0
- /package/lib/esm/src/components/{textfield → input/textfield}/index.js +0 -0
package/README.md
CHANGED
|
@@ -8,18 +8,23 @@
|
|
|
8
8
|
|
|
9
9
|
## 🎁 Components
|
|
10
10
|
|
|
11
|
-
| 컴포넌트 \ 지원 | 기능 | 디자인 | 웹 접근성 |테스트 코드| 스토리북 |
|
|
12
|
-
|
|
13
|
-
| `<KButton
|
|
14
|
-
| `<KTextField
|
|
15
|
-
| `<KIcon
|
|
16
|
-
| `<KSelect
|
|
17
|
-
|
|
|
11
|
+
| 컴포넌트 \ 지원 | 기능 | 디자인 | 웹 접근성 |테스트 코드| 스토리북 | 사용/배포 |
|
|
12
|
+
|:-----------------------|:---:|:---:|:-----------------:|:----:|:---:|:-----:|
|
|
13
|
+
| `<KButton />`|✅|✅|✅|✅|✅|✅|
|
|
14
|
+
| `<KTextField />`|✅|✅|✅|✅|✅|✅|
|
|
15
|
+
| `<KIcon />`|✅|✅|✅|✅|✅|✅|
|
|
16
|
+
| `<KSelect />`|⚠️|✅|✅|🧑🏻💻|✅|✅|
|
|
17
|
+
| 🏃🏻♂️..|💎|💎|💎|💎|💎| 💎|
|
|
18
|
+
|
|
19
|
+
✅ Good, ⚠️ Not Good, ❌ Nothing, 🧑🏻💻 Trying, 💎 wanted
|
|
20
|
+
|
|
21
|
+
<br>
|
|
18
22
|
|
|
19
23
|
## 📆 Planning
|
|
20
24
|
|
|
21
25
|
### 📌 <a href="https://github.com/users/macjjuni/projects/1/views/1" target="_blank" >GitHub Project</a>
|
|
22
26
|
|
|
27
|
+
<br>
|
|
23
28
|
|
|
24
29
|
## 📦 Install
|
|
25
30
|
```
|
|
@@ -29,6 +34,8 @@ npm install kku-ui
|
|
|
29
34
|
yarn add kku-ui
|
|
30
35
|
```
|
|
31
36
|
|
|
37
|
+
<br>
|
|
38
|
+
|
|
32
39
|
## ⚙️ Initial Setting
|
|
33
40
|
```typescript
|
|
34
41
|
// Entry Point 🏃🏻♂️
|
|
@@ -36,6 +43,7 @@ yarn add kku-ui
|
|
|
36
43
|
import 'kku-ui/lib/styles/index.css'
|
|
37
44
|
```
|
|
38
45
|
|
|
46
|
+
<br>
|
|
39
47
|
|
|
40
48
|
## 🧑🏻💻 Use Examples
|
|
41
49
|
|
|
@@ -43,18 +51,15 @@ import 'kku-ui/lib/styles/index.css'
|
|
|
43
51
|
import { KButton } from 'kku-ui'
|
|
44
52
|
|
|
45
53
|
export default function Component() {
|
|
46
|
-
|
|
54
|
+
return (<KButton primary label="Hello World!" />);
|
|
47
55
|
}
|
|
48
56
|
```
|
|
49
57
|
|
|
58
|
+
<br>
|
|
50
59
|
|
|
51
|
-
##
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
60
|
+
## 🕺🏻 Preview
|
|
55
61
|
|
|
56
|
-
|
|
62
|
+
### 🔗 [StoryBook](https://macjjuni.github.io/kku-ui)
|
|
57
63
|
|
|
58
|
-
### ✅ [StoryBook](https://macjjuni.github.io/kku-ui)
|
|
59
64
|
|
|
60
65
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as o,jsxs as g}from"react/jsx-runtime";import{useState as M,memo as N,useMemo as r,useCallback as l,useRef as _,forwardRef as w,useImperativeHandle as E}from"react";import x from"../../common/hook/useRipple";import{initSize as K,initVariant as L}from"../../common/util/variation";import j from"../../common/util/color";const c=w((e,u)=>{if(e.label&&e.children)throw Error("Error: label and children attributes cannot be duplicated.");const i=_(),[a,d]=M(!1),n=x(i);E(u,()=>({focus(){i.current?.focus()},click(){!e.disabled&&!a&&e.onClick&&e.onClick()},startLoading(){d(!0)},stopLoading(){d(!1)}}));const m=r(()=>{const t=[];if(e.className&&t.push(e.className),a&&t.push("k-button--loading"),e.disabled&&e.color&&(e.primary||e.variant==="primary")&&t.push("k-button--disabled"),e.variant&&(e.outlined||e.primary))throw Error("Error: variant and primary or outlined attributes cannot be duplicated.");return L(t,"k-button",e.variant,e.primary,e.outlined),K(t,"k-button",e.size,e.large,e.medium,e.small),t.join(" ")},[a,e.className,e.variant,e.primary,e.disabled,e.outlined,e.large,e.medium,e.small,e.size,e.color]),f=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,e.variant]),b=r(()=>{if(!a)return{};if(e.color)return{border:"3px solid #fff",borderBottomColor:e.color||"#fff"}},[a]),y=l(t=>{!e.disabled&&!a&&n?.register(t)},[e.disabled,a,n]),s=l(t=>{n.remove(),!e.disabled&&!a&&e?.onClick&&e.onClick(t)},[e,n]),k=l(()=>{if((e.variant==="primary"||e.primary)&&e.color){const t=j.shadeColor(e.color,10);i.current.style.background=t,i.current.style.borderColor=t}},[e.variant,e.primary,e.color]),v=l(()=>{n.remove(),(e.variant==="primary"||e.primary)&&e.color&&(i.current.style.background=e.color)},[e.variant,e.primary,e.outlined,e.color,n]),h=l(t=>{n?.register(t)},[n]),C=l(t=>{(t.key==="Enter"||t.key===" ")&&(n.remove(),e.onClick&&e?.onClick())},[e,n]);return g("button",{ref:i,id:e.id,className:`k-button ${m}`,style:f,type:"button",disabled:e.disabled,onMouseDown:y,onMouseEnter:k,onMouseLeave:v,onMouseUp:s,onKeyDown:h,onKeyUp:C,"aria-busy":a,children:[(e.children||e.label)&&o("span",{className:"k-button__content",children:e.children||e.label}),a&&o("span",{className:"k-button__loading__container",children:o("span",{style:b,className:"k-spinner--loading"})})]})});c.defaultProps={},c.displayName="KButton";export default N(c);
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"KButton.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as f}from"react/jsx-runtime";import{forwardRef as k,memo as y,useCallback as c,useId as b,useImperativeHandle as z,useMemo as t,useRef as C}from"react";import{initDisabled as r}from"../../common/util/variation";import"@material-symbols/font-300/outlined.css";const n=k((e,a)=>{if(!e.icon)throw Error("Error: icon is required and must be provided.");const l=C(null),o=`k-icon-${b()}`;z(a,()=>({click:()=>{l.current?.click()}}));const d=t(()=>{const i=[];return e.type&&i.push(`material-symbols-${e.type}`),e.className&&i.push(e.className),typeof e.size!="number"&&e.size&&i.push(`k-icon--${e.size}`),e.clickable&&i.push("k-icon--clickable"),r(i,"k-icon",e.disabled),i.join(" ")},[e.type,e.className,e.size,e.disabled]),u=t(()=>{const i=e.style||{};return e.color&&(i.color=e.color),typeof e.size=="number"&&(i.fontSize=`${e.size}px`),i},[e.style,e.color,e.size]),m=c(()=>{!e.disabled&&e.onClick&&e.onClick()},[e.disabled]),s=c(i=>{(i.key==="enter"||i.key===" ")&&!e.disabled&&e.onClick&&e.onClick()},[e.disabled]);return f("span",{ref:l,id:e.id?e.id:o,className:`k-icon ${d}`,style:u,onClick:m,onKeyDown:s,role:e.onClick?"button":"img",tabIndex:e.onClick?0:-1,children:e.icon})});n.displayName="KIcon",n.defaultProps={type:"outlined",size:"medium"};export default y(n);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KIcon.js","sourceRoot":"","sources":["../../../../../src/components/icon/KIcon.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KIcon.js","sourceRoot":"","sources":["../../../../../src/components/icon/KIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export*from"../components/button";export*from"../components/textfield";export*from"../components/icon";
|
|
1
|
+
"use strict";export*from"../components/button";export*from"../components/input/textfield";export*from"../components/icon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { KTextFieldProps, KTextFieldRefs } from '
|
|
1
|
+
import { KTextFieldProps, KTextFieldRefs } from '../../../components/input/textfield/KTextField.interface';
|
|
2
2
|
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KTextFieldProps & import("react").RefAttributes<KTextFieldRefs>>>;
|
|
3
3
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { KeyboardEvent, ReactNode } from 'react';
|
|
2
|
-
import { KBaseProp, KSizeProp } from '
|
|
2
|
+
import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
|
|
3
3
|
declare const labelDirection: {
|
|
4
4
|
readonly column: "column";
|
|
5
5
|
readonly row: "row";
|
|
@@ -11,19 +11,19 @@ export interface KTextFieldProps extends KBaseProp, KSizeProp {
|
|
|
11
11
|
labelDirection?: LabelDirectionType;
|
|
12
12
|
column?: boolean;
|
|
13
13
|
row?: boolean;
|
|
14
|
-
disabled?: boolean;
|
|
15
14
|
placeholder?: string;
|
|
16
15
|
maxLength?: number;
|
|
16
|
+
disabled?: boolean;
|
|
17
17
|
required?: boolean;
|
|
18
|
+
clearable?: boolean;
|
|
19
|
+
password?: boolean;
|
|
18
20
|
rightAction?: ReactNode;
|
|
19
21
|
onChange?: (value: string) => void;
|
|
20
22
|
onFocus?: () => void;
|
|
21
23
|
onBlur?: () => void;
|
|
22
24
|
onKeyDown?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
23
25
|
onKeyUp?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
24
|
-
color?: string;
|
|
25
26
|
width?: string;
|
|
26
|
-
password?: boolean;
|
|
27
27
|
}
|
|
28
28
|
export interface KTextFieldRefs {
|
|
29
29
|
focus: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KTextField.interface.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/KTextField.interface.ts"],"names":[],"mappings":"AAIA,MAAM,cAAc,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{jsx as i,jsxs as d}from"react/jsx-runtime";import{forwardRef as y,memo as F,useCallback as t,useId as S,useImperativeHandle as j,useMemo as a,useRef as I,useState as h}from"react";import{initDisabled as P,initSize as $}from"../../../common/util/variation";import{KIcon as f}from"../../../components";const s=y((e,r)=>{const n=I(null),m=`k-text-field-input-${S()}`,[c,x]=h(!1),[b,o]=h(!1);j(r,()=>({focus:()=>{n.current?.focus()},blur:()=>{n.current?.blur()},validate:()=>{},value:e.value}));const k=a(()=>{const l=[];if(e.className&&l.push(e.className),$(l,"k-text-field",e.size,e.large,e.medium,e.small),P(l,"k-text-field",e.disabled),e.labelDirection&&(e.row||e.column))throw Error("Error: labelDirection and row or column attributes cannot be duplicated.");return e.labelDirection&&l.push(`k-text-field--${e.labelDirection}`),e.column&&l.push("k-text-field--column"),e.row&&l.push("k-text-field--row"),!e.labelDirection&&!e.column&&!e.row&&l.push("k-text-field--column"),e.password&&l.push("k-text-field__input--password"),e.required&&l.push("k-text-field__input--required"),e.clearable&&l.push("k-text-field__input--clearable"),l.join(" ")},[e.className,e.large,e.medium,e.small,e.size,e.disabled,e.password,e.labelDirection,e.column,e.row]),w=a(()=>{const l=e.style||{};return e.width&&(l.width=e.width),l},[e.style]),g=a(()=>{const l=[];return e.label?(b&&l.push("k-text-field__label__text--focus"),l.join(" ")):""},[e.label,b]),u=a(()=>{if(e.size==="large"||e.large)return 20;if(!e.size||e.size==="medium"||e.medium)return 18;if(e.size==="small"||e.small)return 16},[]),z=t(l=>{const D=l.target.value;e.onChange&&e.onChange(D)},[]),v=t(()=>{e.label&&o(!0)},[e.label]),C=t(()=>{e.label&&o(!1)},[e.label]),N=t(()=>{e.clearable&&e.onChange&&e.onChange("")},[e.clearable]),_=t(()=>{x(l=>!l)},[e.password,c]);return d("div",{className:`k-text-field ${k}`,style:w,children:[d("div",{className:"k-text-field__label__container",children:[e.label&&i("label",{htmlFor:e.id?e.id:m,className:`k-text-field__label__text ${g}`,children:e.label}),e.rightAction&&(!e.labelDirection&&!e.row||e.labelDirection==="column"&&!e.column||!e.labelDirection&&e.column)&&i("div",{className:"k-text-field__label__right-action",children:e.rightAction})]}),d("div",{className:"k-text-field__input__container",children:[i("input",{id:e.id?e.id:m,ref:n,className:"k-text-field__input",type:e.password&&!c?"password":"input",value:e.value,onChange:z,onFocus:v,onBlur:C,disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength}),e.password&&(c?i(f,{className:"k-text-field__icon",icon:"visibility_off",size:u,clickable:!0,onClick:_}):i(f,{className:"k-text-field__icon",icon:"visibility",size:u,clickable:!0,onClick:_})),e.clearable&&e.value&&i(f,{className:"k-text-field__icon",icon:"close",size:u,clickable:!0,onClick:N})]})]})});s.displayName="KTextField",s.defaultProps={};export default F(s);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/KTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
package/lib/styles/index.css
CHANGED
|
@@ -1 +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{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-error: #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: #fefefe;--k-gray-color-100: #e6e6e6;--k-gray-color-200: #cccccc;--k-gray-color-300: #b3b3b3;--k-gray-color-400: #999999;--k-gray-color-500: gray;--k-gray-color-600: #666666;--k-gray-color-700: #4d4d4d;--k-gray-color-800: #333333;--k-gray-color-900: #1a1a1a}.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:#333;border-color:#ccc;background:#fff}.k-button.k-button--default:hover{border-color:#666;background:#ebebeb}.k-button.k-button--default[disabled]{color:#adadad;border-color:#ccc;background:#f5f5f5}.k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.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:#adadad;border-color:#0084f1;background:#0084f1}.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:#0084f1;border-color:#0084f1;background:#f5f5f5}.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--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a}.k-button.k-button--large{height:36px;padding:0 24px}.k-button.k-button--large .k-button__content{font-size:18px;line-height:20px;font-weight:400}.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:18px;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:16px;font-weight:400}.k-button.k-button--small .k-spinner--loading{width:16px;height:16px}.dark .k-button.k-button--default{color:#fff;border-color:#4d4d4d;background:#4d4d4d}.dark .k-button.k-button--default:hover{border-color:#616161;background:#616161}.dark .k-button.k-button--default[disabled]{color:#6b6b6b;border-color:#424242;background:#424242}.dark .k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.dark .k-button.k-button--primary[disabled]{color:#adadad;border-color:#00579f;background:#00579f}.dark .k-button.k-button--outlined[disabled]{color:#00579f;background-color:#adadad}.k-text-field{display:flex;gap:6px;min-width:280px;font-size:0}.k-text-field .k-text-field__label__container{display:flex;justify-content:space-between;align-items:center}.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--focus{color:#068fff;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--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__wrap{display:inline-flex;justify-content:center;align-items:center;width:100%;border:1px solid #cccccc;border-radius:3px;background:#fff;caret-color:#333;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__wrap:hover,.k-text-field .k-text-field__wrap:focus-within{border-color:#0079dc}.k-text-field .k-text-field__wrap .k-text-field__input{width:100%;padding:0;border:none;outline:none;color:#333;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__wrap .k-text-field__input::placeholder{color:#b3b3b3}.dark .k-text-field.k-text-field--disabled .k-text-field__wrap,.k-text-field.k-text-field--disabled .k-text-field__wrap{background:#f5f5f5;cursor:not-allowed}.dark .k-text-field.k-text-field--disabled .k-text-field__wrap:hover,.k-text-field.k-text-field--disabled .k-text-field__wrap:hover{border-color:#ccc}.dark .k-text-field.k-text-field--disabled .k-text-field__wrap .k-text-field__input,.k-text-field.k-text-field--disabled .k-text-field__wrap .k-text-field__input{color:#adadad;background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__wrap>.k-text-field__input{letter-spacing:6px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__wrap>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__wrap>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--required .k-text-field__label__container .k-text-field__label__text:after{content:"*";color:#ed2b2a}.k-text-field.k-text-field--large .k-text-field__label__container .k-text-field__label__text{font-size:16px;line-height:18px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__wrap{padding:10px 16px}.k-text-field.k-text-field--large .k-text-field__wrap .k-text-field__input{font-size:18px;line-height:20px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:14px;line-height:16px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__wrap{padding:8px 12px}.k-text-field.k-text-field--medium .k-text-field__wrap .k-text-field__input{font-size:16px;line-height:18px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px;line-height:14px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__wrap{padding:6px 8px}.k-text-field.k-text-field--small .k-text-field__wrap .k-text-field__input{font-size:14px;line-height:16px;font-weight:400}.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:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.dark .k-text-field .k-text-field__wrap{border:1px solid #666666;border-radius:3px;background:#212121;caret-color:#fff;font-size:0}.dark .k-text-field .k-text-field__wrap:hover,.dark .k-text-field .k-text-field__wrap:focus-within{border-color:#0079dc}.dark .k-text-field .k-text-field__wrap .k-text-field__input{color:#ccc;background:#212121}.k-icon{color:gray;user-select:none}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon.k-icon--large{font-size:42px}.k-icon.k-icon--medium{font-size:36px}.k-icon.k-icon--small{font-size:28px}
|
|
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-error: #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: #fefefe;--k-gray-color-100: #e6e6e6;--k-gray-color-200: #cccccc;--k-gray-color-300: #b3b3b3;--k-gray-color-400: #999999;--k-gray-color-500: gray;--k-gray-color-600: #666666;--k-gray-color-700: #4d4d4d;--k-gray-color-800: #333333;--k-gray-color-900: #1a1a1a}.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:#333;border-color:#ccc;background:#fff}.k-button.k-button--default:hover{border-color:#666;background:#ebebeb}.k-button.k-button--default[disabled]{color:#adadad;border-color:#ccc;background:#f5f5f5}.k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.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:#adadad;border-color:#0084f1;background:#0084f1}.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:#0084f1;border-color:#0084f1;background:#f5f5f5}.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--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a}.k-button.k-button--large{height:36px;padding:0 24px}.k-button.k-button--large .k-button__content{font-size:18px;line-height:20px;font-weight:400}.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:18px;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:16px;font-weight:400}.k-button.k-button--small .k-spinner--loading{width:16px;height:16px}.dark .k-button.k-button--default{color:#fff;border-color:#4d4d4d;background:#4d4d4d}.dark .k-button.k-button--default:hover{border-color:#616161;background:#616161}.dark .k-button.k-button--default[disabled]{color:#6b6b6b;border-color:#424242;background:#424242}.dark .k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.dark .k-button.k-button--primary[disabled]{color:#adadad;border-color:#00579f;background:#00579f}.dark .k-button.k-button--outlined[disabled]{color:#00579f;background-color:#adadad}.k-text-field{display:flex;gap:6px;min-width:280px;font-size:0}.k-text-field .k-text-field__label__container{display:flex;justify-content:space-between;align-items:center}.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--focus{color:#068fff;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--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 #cccccc;border-radius:3px;background:#fff;caret-color:#333;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:#0079dc}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;padding:0;border:none;outline:none;color:#333;transition-property:background-color;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}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container,.k-text-field.k-text-field--disabled .k-text-field__input__container{background:#f5f5f5;cursor:not-allowed}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover,.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#ccc}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input,.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#adadad;background:#f5f5f5;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__input--required .k-text-field__label__container .k-text-field__label__text:after{content:"*";color:#ed2b2a}.k-text-field.k-text-field--large .k-text-field__label__container .k-text-field__label__text{font-size:16px;line-height:18px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__input__container{padding:10px 16px}.k-text-field.k-text-field--large .k-text-field__input__container .k-text-field__input{font-size:18px;line-height:20px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:14px;line-height:16px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container{padding:8px 12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:16px;line-height:18px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px;line-height:14px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__input__container{padding:6px 8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:14px;line-height:16px;font-weight:400}.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:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.dark .k-text-field .k-text-field__input__container{border:1px solid #4d4d4d;border-radius:3px;background:#212121;caret-color:#fff;font-size:0}.dark .k-text-field .k-text-field__input__container:hover,.dark .k-text-field .k-text-field__input__container:focus-within{border-color:#0079dc}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:#ccc;background:#212121}.k-select{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:10px;white-space:nowrap;border:1px solid #cccccc;border-radius:3px;background:#fff;cursor:pointer;z-index:10;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-select:hover{border-color:#068fff}.k-select .k-select__current__label__arrow-icon{transition-duration:.3s;transition-timing-function:ease}.k-select.k-select--open{overflow:visible}.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 #cccccc;background-color:#fff;border-radius:3px;transition-property:height;transition-duration:.3s;transition-timing-function:ease}.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:#ebebeb}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select.k-select--large{min-width:120px;padding:10px 10px 10px 16px;font-size:16px;line-height:18px;font-weight:400}.k-select.k-select--large .k-select__menu-list .k-select__menu-list__item{padding:10px;font-size:16px;line-height:18px;font-weight:400}.k-select.k-select--medium{min-width:100px;padding:8px 12px;font-size:14px;line-height:16px;font-weight:400}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{padding:8px 12px;font-size:14px;line-height:16px;font-weight:400}.k-select.k-select--small{min-width:80px;padding:6px 8px;font-size:12px;line-height:14px;font-weight:400}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{padding:6px 8px;font-size:12px;line-height:14px;font-weight:400}.dark .k-select{color:#ccc;border:1px solid #4d4d4d;border-radius:3px;background:#212121}.dark .k-select .k-select__menu-list{border-color:#4d4d4d;background-color:#212121}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:#333}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#353535}.k-icon{color:gray;user-select:none}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon.k-icon--large{font-size:42px}.k-icon.k-icon--medium{font-size:36px}.k-icon.k-icon--small{font-size:28px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "kku-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.45",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"module": "lib/esm/index.js",
|
|
6
6
|
"main": "lib/esm/index.js",
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"minify-css": "esbuild lib/styles/index.css --minify --allow-overwrite --outfile=lib/styles/index.css",
|
|
19
19
|
"build-tsc": "tsc --project ./tsconfig.esm.json && tsc-alias -p tsconfig.esm.json",
|
|
20
20
|
"minify-js": "esbuild lib/esm/**/*.js --minify --allow-overwrite --outdir=lib/esm",
|
|
21
|
-
"
|
|
21
|
+
"replacer": "node build-replacer.js",
|
|
22
|
+
"build": "yarn clean && yarn build-sass && yarn minify-css && yarn build-tsc && yarn replacer && yarn minify-js",
|
|
22
23
|
"publish": "publish",
|
|
23
24
|
"test": "jest -all",
|
|
24
25
|
"sb": "storybook dev -p 6006",
|
|
@@ -69,6 +70,7 @@
|
|
|
69
70
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
70
71
|
"eslint-plugin-react-refresh": "^0.4.3",
|
|
71
72
|
"eslint-plugin-storybook": "^0.6.15",
|
|
73
|
+
"glob": "^10.3.10",
|
|
72
74
|
"identity-obj-proxy": "^3.0.0",
|
|
73
75
|
"jest": "^29.7.0",
|
|
74
76
|
"jest-environment-jsdom": "^29.7.0",
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KTextField.interface.js","sourceRoot":"","sources":["../../../../../src/components/textfield/KTextField.interface.ts"],"names":[],"mappings":"AAIA,MAAM,cAAc,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";import{jsx as a,jsxs as b}from"react/jsx-runtime";import{forwardRef as x,memo as v,useCallback as n,useId as N,useImperativeHandle as D,useMemo as c,useRef as y,useState as C}from"react";import{initDisabled as j,initSize as z}from"../../common/util/variation";import{getIdentityName as F}from"../../common/base/base";const t=F("text-field"),u=x((e,s)=>{const i=y(null),d=`${N()}-${t}-input`,[m,o]=C(!1);D(s,()=>({focus:()=>{i.current?.focus()},blur:()=>{i.current?.blur()},validate:()=>{},value:e.value}));const f=c(()=>{const l=[t];if(e.className&&l.push(e.className),z(l,t,e.size,e.large,e.medium,e.small),j(l,t,e.disabled),e.labelDirection&&(e.row||e.column))throw Error("Error: labelDirection and row or column attributes cannot be duplicated.");return e.labelDirection&&l.push(`${t}--${e.labelDirection}`),e.column&&l.push(`${t}--column`),e.row&&l.push(`${t}--row`),!e.labelDirection&&!e.column&&!e.row&&l.push(`${t}--column`),e.password&&l.push(`${t}__input--password`),e.required&&l.push(`${t}__input--required`),l.join(" ")},[e.className,e.large,e.medium,e.small,e.size,e.disabled,e.password,e.labelDirection,e.column,e.row]),r=c(()=>{const l=e.style||{};return e.color&&(l.color=e.color,l.borderColor=e.color),e.width&&(l.width=e.width),l},[e.style,e.color]),h=c(()=>{const l=[`${t}__label__text`];return e.label&&m&&l.push(`${t}__label__text--focus`),l.join(" ")},[e.label,m]),_=n(l=>{const g=l.target.value;e.onChange&&e.onChange(g)},[]),w=n(()=>{e.label&&o(!0)},[e.label]),$=n(()=>{e.label&&o(!1)},[e.label]);return b("div",{className:f,style:r,"data-testid":"k-text-field",children:[b("div",{className:`${t}__label__container`,children:[e.label&&a("label",{htmlFor:e.id?e.id:d,className:h,"data-testid":"k-text-field-label",children:e.label}),e.rightAction&&(!e.labelDirection&&!e.row||e.labelDirection==="column"&&!e.column||!e.labelDirection&&e.column)&&a("div",{className:`${t}__label__right-action`,children:e.rightAction})]}),a("div",{className:`${t}__wrap`,children:a("input",{id:e.id?e.id:d,ref:i,className:`${t}__input`,type:e.password?"password":"input",value:e.value,onChange:_,onFocus:w,onBlur:$,disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength})})]})});u.displayName="KTextField",u.defaultProps={};export default v(u);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../src/components/textfield/KTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|