kku-ui 0.0.4 → 0.0.42
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 +39 -10
- package/lib/esm/src/common/base/base.interface.d.ts +5 -5
- package/lib/esm/src/common/base/base.interface.js.map +1 -1
- package/lib/esm/src/common/hook/useRipple.d.ts +0 -2
- package/lib/esm/src/common/hook/useRipple.js +1 -1
- package/lib/esm/src/common/hook/useRipple.js.map +1 -1
- package/lib/esm/src/common/util/color.d.ts +1 -1
- package/lib/esm/src/common/util/color.js +1 -1
- package/lib/esm/src/common/util/color.js.map +1 -1
- 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/textfield/KTextField.d.ts +2 -1
- package/lib/esm/src/components/textfield/KTextField.interface.d.ts +33 -0
- package/lib/esm/src/components/textfield/KTextField.interface.js +1 -0
- package/lib/esm/src/components/textfield/KTextField.interface.js.map +1 -0
- package/lib/esm/src/components/textfield/KTextField.js +1 -1
- package/lib/esm/src/components/textfield/KTextField.js.map +1 -1
- package/lib/esm/src/components/textfield/index.d.ts +1 -1
- package/lib/esm/src/components/textfield/index.js +1 -1
- package/lib/styles/index.css +1 -1
- package/package.json +86 -82
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<h1 align="center"
|
|
1
|
+
<h1 align="center">✨ KKU-UI: React Components Libirary ✨</h1>
|
|
2
2
|
|
|
3
3
|
<br>
|
|
4
4
|
|
|
@@ -6,25 +6,54 @@
|
|
|
6
6
|
<img width="360" height="360" src="https://github.com/macjjuni/kku-ui/assets/38034518/9b93b70e-a5d5-4d5e-8794-e4b206bff57a" alt="kku-ui thumbnail" >
|
|
7
7
|
</div>
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 🎁 Components
|
|
10
10
|
|
|
11
|
+
| 컴포넌트 \ 지원 | 기능 | 디자인 | 웹 접근성 |테스트 코드| 스토리북 |
|
|
12
|
+
|:-----------------------|:---:|:---:|:-----------------:|:----:|:---:|
|
|
13
|
+
| `<KButton />`|✅|✅|✅|✅|✅|
|
|
14
|
+
| `<KTextField />`|✅|✅|⚠️|⚠️|✅|
|
|
15
|
+
| `<KIcon />`|❌|❌|❌|❌|❌|
|
|
16
|
+
| 🏃🏻♂️..|✨|✨|✨|✨|✨|
|
|
11
17
|
|
|
18
|
+
## 📆 Planning
|
|
12
19
|
|
|
20
|
+
### 📌 <a href="https://github.com/users/macjjuni/projects/1/views/1" target="_blank" >GitHub Project</a>
|
|
13
21
|
|
|
14
22
|
|
|
15
|
-
##
|
|
23
|
+
## 📦 Install
|
|
24
|
+
```
|
|
25
|
+
npm install kku-ui
|
|
26
|
+
```
|
|
27
|
+
```
|
|
28
|
+
yarn add kku-ui
|
|
29
|
+
```
|
|
16
30
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|`<TTextField/>`|❌|❌|❌|❌|❌|
|
|
21
|
-
|🏃🏻♂️..|❌|❌|❌|❌|❌|
|
|
31
|
+
## ⚙️ Initial Setting
|
|
32
|
+
```typescript
|
|
33
|
+
// Entry Point 🏃🏻♂️
|
|
22
34
|
|
|
35
|
+
import 'kku-ui/lib/styles/index.css'
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
## 🧑🏻💻 Use Examples
|
|
40
|
+
|
|
41
|
+
```typescript
|
|
42
|
+
import { KButton } from 'kku-ui'
|
|
43
|
+
|
|
44
|
+
export default function Component() {
|
|
45
|
+
return (<KButton primary label="Hello World!" />);
|
|
46
|
+
}
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
## 🤖 Preview
|
|
51
|
+
|
|
52
|
+
|
|
23
53
|
|
|
24
|
-
<br>
|
|
25
54
|
|
|
26
55
|
## Support
|
|
27
56
|
|
|
28
|
-
|
|
57
|
+
### ✅ [StoryBook](https://macjjuni.github.io/kku-ui)
|
|
29
58
|
|
|
30
59
|
|
|
@@ -5,9 +5,9 @@ export interface KBaseProp {
|
|
|
5
5
|
style?: CSSProperties;
|
|
6
6
|
}
|
|
7
7
|
export declare const sizes: {
|
|
8
|
-
large:
|
|
9
|
-
medium:
|
|
10
|
-
small:
|
|
8
|
+
readonly large: "large";
|
|
9
|
+
readonly medium: "medium";
|
|
10
|
+
readonly small: "small";
|
|
11
11
|
};
|
|
12
12
|
export type SizeType = (typeof sizes)[keyof typeof sizes];
|
|
13
13
|
export interface KSizeProp {
|
|
@@ -17,8 +17,8 @@ export interface KSizeProp {
|
|
|
17
17
|
small?: boolean;
|
|
18
18
|
}
|
|
19
19
|
export declare const variants: {
|
|
20
|
-
primary:
|
|
21
|
-
outlined:
|
|
20
|
+
readonly primary: "primary";
|
|
21
|
+
readonly outlined: "outlined";
|
|
22
22
|
};
|
|
23
23
|
export type VariantType = (typeof variants)[keyof typeof variants];
|
|
24
24
|
export interface KVariantProp {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.interface.js","sourceRoot":"","sources":["../../../../../src/common/base/base.interface.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"base.interface.js","sourceRoot":"","sources":["../../../../../src/common/base/base.interface.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAW,CAAC;AAanF,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAW,CAAC"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { KeyboardEvent, MouseEvent, MutableRefObject } from 'react';
|
|
2
|
-
type RippleStatus = 'on' | 'off';
|
|
3
2
|
declare const useRipple: (elementRef: MutableRefObject<HTMLElement>) => {
|
|
4
|
-
status: RippleStatus;
|
|
5
3
|
register: (event: MouseEvent | KeyboardEvent<HTMLButtonElement>) => void;
|
|
6
4
|
remove: () => void;
|
|
7
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useRef as
|
|
1
|
+
"use strict";import{useRef as f}from"react";import h from"../../common/util/color";import k from"../../common/util/lodashUtil";import C from"../../common/util/style";const $="span",m="k-ripple",w="ripple-effect",u=400,x=r=>{const a=f();return{register:e=>{if(e.type.includes("key")){const n=e;if(n.key!=="Enter"&&n.key!==" "||e.target.getElementsByClassName(m)?.length>0)return}const t=k.uniqueId("k-ripple-");a.current=new Promise(n=>{const{x:p,y:c,width:s,height:i}=r.current.getBoundingClientRect(),{clientX:d=p+s/2,clientY:g=c+i/2}=e,o=Math.sqrt(s*s+i*i),l=document.createElement($);l.classList.add(m),l.classList.add(t);const y=window.getComputedStyle(r.current).getPropertyValue("color"),E={top:`${(g-c-o)/i*100}%`,left:`${(d-p-o)/s*100}%`,width:`${o*2}px`,height:`${o*2}px`,background:h.tintColor(y,26),animation:`${u/1e3}s ${w} ease`};C.setStyleElement(l,E),r.current.append(l),setTimeout(()=>{n(t)},u)})},remove:()=>{a.current?.then(e=>{const t=r.current?.getElementsByClassName(e);t&&t[0]?.remove()})}}};export default x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRipple.js","sourceRoot":"","sources":["../../../../../src/common/hook/useRipple.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8D,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"useRipple.js","sourceRoot":"","sources":["../../../../../src/common/hook/useRipple.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e=t=>{const s=t.replace(/^#/,""),n=parseInt(s.substring(0,2),16),r=parseInt(s.substring(2,4),16),a=parseInt(s.substring(4,6),16);return[n,r,a]},i=t=>{const s=t.startsWith("rgba"),n=t.startsWith("rgb"),r=t.replace(/^#/,"");if(s)return(t.match(/\d+(\.\d+)?/g)?.map(Number)??[]).slice(0,4);if(n)return[...t.match(/\d+(\.\d+)?/g)?.map(Number)??[],255];if(t.startsWith("#")){const a=parseInt(r.substring(0,2),16),o=parseInt(r.substring(2,4),16),c=parseInt(r.substring(4,6),16);return[a,o,c,255]}else throw new Error("Invalid color code format")},g=(t,s)=>{if(!t.match(/^(rgb(a?)|#)/))return t;const n=t.startsWith("rgba"),r=i(t),a=n?r.pop():1,o=r.map(c=>Math.max(0,c-c*(s/100)));return n?`rgba(${o.join(",")},${a})`:`rgb(${o.join(",")})`},b=(t,s)=>{if(!t.match(/^(rgb(a?)|#)/))return t;const n=t.startsWith("rgba"),r=i(t),a=n?r.pop():1,o=r.map(c=>Math.min(255,c+(255-c)*(s/100)));return n?`rgba(${o.join(",")},${a})`:`rgb(${o.join(",")})`};export default{shadeColor:g,tintColor:b,hexToRgb:e};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/common/util/color.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,CAAC,OAAe,
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/common/util/color.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as r,jsxs as N}from"react/jsx-runtime";import{useState as M,memo as _,useMemo as c,useCallback as o,useRef as w,forwardRef as E,useImperativeHandle as x}from"react";import K from"../../common/hook/useRipple";import{initSize as L,initVariant as j}from"../../common/util/variation";import z from"../../common/util/color";import{getIdentityName as U,baseName as $}from"../../common/base/base";const n=U("button"),d=E((e,m)=>{if(e.label&&e.children)throw Error("Error: label and children attributes cannot be duplicated.");const l=w(),[t,u]=M(!1),i=K(l);x(m,()=>({focus(){l.current?.focus()},click(){!e.disabled&&!t&&e.onClick&&e.onClick()},startLoading(){u(!0)},stopLoading(){u(!1)}}));const f=c(()=>{const a=[n];if(e.className&&a.push(e.className),t&&a.push(`${n}--loading`),e.disabled&&e.color&&(e.primary||e.variant==="primary")&&a.push(`${n}--disabled`),e.variant&&(e.outlined||e.primary))throw Error("Error: variant and primary or outlined attributes cannot be duplicated.");return j(a,n,e.variant,e.primary,e.outlined),L(a,n,e.size,e.large,e.medium,e.small),a.join(" ")},[t,e.className,e.variant,e.primary,e.disabled,e.outlined,e.large,e.medium,e.small,e.size,e.color]),y=c(()=>{const a=e.style||{};return e.variant==="primary"||e.primary?e.color&&(a.background=e.color,a.borderColor=e.color):e.color&&(a.color=e.color,a.borderColor=e.color),a},[e.style,e.color,e.variant]),b=c(()=>{if(!t)return{};if(e.color)return{border:"3px solid #fff",borderBottomColor:e.color||"#fff"}},[t]),s=o(a=>{!e.disabled&&!t&&i?.register(a)},[e.disabled,t,i]),v=o(a=>{i.remove(),!e.disabled&&!t&&e?.onClick&&e.onClick(a)},[e,i]),h=o(()=>{if((e.variant==="primary"||e.primary)&&e.color){const a=z.shadeColor(e.color,10);l.current.style.background=a,l.current.style.borderColor=a}},[e.variant,e.primary,e.color]),C=o(()=>{i.remove(),(e.variant==="primary"||e.primary)&&e.color&&(l.current.style.background=e.color)},[e.variant,e.primary,e.outlined,e.color,i]),g=o(a=>{i?.register(a)},[i]),k=o(a=>{(a.key==="Enter"||a.key===" ")&&(i.remove(),e.onClick&&e?.onClick())},[e,i]);return N("button",{ref:l,id:e.id,className:f,style:y,type:"button",disabled:e.disabled,onMouseDown:s,onMouseEnter:h,onMouseLeave:C,onMouseUp:v,onKeyDown:g,onKeyUp:k,"aria-busy":t,children:[(e.children||e.label)&&r("span",{className:`${n}__content`,children:e.children||e.label}),t&&r("span",{className:`${n}__loading__container`,children:r("span",{style:b,className:`${$}-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;AAG/D,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE3C,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAqB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"KButton.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { KTextFieldProps, KTextFieldRefs } from '../../components/textfield/KTextField.interface';
|
|
2
|
+
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KTextFieldProps & import("react").RefAttributes<KTextFieldRefs>>>;
|
|
2
3
|
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { KeyboardEvent, ReactNode } from 'react';
|
|
2
|
+
import { KBaseProp, KSizeProp } from '../../common/base/base.interface';
|
|
3
|
+
declare const labelDirection: {
|
|
4
|
+
readonly column: "column";
|
|
5
|
+
readonly row: "row";
|
|
6
|
+
};
|
|
7
|
+
type LabelDirectionType = typeof labelDirection[keyof typeof labelDirection];
|
|
8
|
+
export interface KTextFieldProps extends KBaseProp, KSizeProp {
|
|
9
|
+
value: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
labelDirection?: LabelDirectionType;
|
|
12
|
+
column?: boolean;
|
|
13
|
+
row?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
rightAction?: ReactNode;
|
|
18
|
+
onChange?: (value: string) => void;
|
|
19
|
+
onFocus?: () => void;
|
|
20
|
+
onBlur?: () => void;
|
|
21
|
+
onKeyDown?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
22
|
+
onKeyUp?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
23
|
+
color?: string;
|
|
24
|
+
width?: string;
|
|
25
|
+
password?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface KTextFieldRefs {
|
|
28
|
+
focus: () => void;
|
|
29
|
+
blur: () => void;
|
|
30
|
+
validate: () => void;
|
|
31
|
+
value: string;
|
|
32
|
+
}
|
|
33
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o={column:"column",row:"row"};export{};
|
|
@@ -0,0 +1 @@
|
|
|
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 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as a,jsxs as s}from"react/jsx-runtime";import{forwardRef as v,memo as x,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 i=F("text-field"),u=v((e,b)=>{const t=y(null),d=`${N()}-${i}-input`,[o,m]=C(!1);D(b,()=>({focus:()=>{t.current?.focus()},blur:()=>{t.current?.blur()},validate:()=>{},value:e.value}));const r=c(()=>{const l=[i];if(e.className&&l.push(e.className),z(l,i,e.size,e.large,e.medium,e.small),j(l,i,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(`${i}--${e.labelDirection}`),e.column&&l.push(`${i}--column`),e.row&&l.push(`${i}--row`),!e.labelDirection&&!e.column&&!e.row&&l.push(`${i}--column`),e.password&&l.push(`${i}__input--password`),e.required&&l.push(`${i}__input--required`),l.join(" ")},[e.className,e.large,e.medium,e.small,e.size,e.disabled,e.password,e.labelDirection,e.column,e.row]),f=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=[`${i}__label__text`];return e.label&&o&&l.push(`${i}__label__text--focus`),l.join(" ")},[e.label,o]),_=n(l=>{const g=l.target.value;e.onChange&&e.onChange(g)},[]),w=n(()=>{e.label&&m(!0)},[e.label]),$=n(()=>{e.label&&m(!1)},[e.label]);return s("div",{className:r,style:f,"data-testid":"k-text-field",children:[s("div",{className:`${i}__label__container`,children:[e.label&&a("label",{htmlFor:e.id?e.id:d,className:h,children:e.label}),e.rightAction&&(!e.labelDirection&&!e.row||e.labelDirection==="column"&&!e.column||!e.labelDirection&&e.column)&&a("div",{className:`${i}__label__right-action`,children:e.rightAction})]}),a("div",{className:`${i}__wrap`,children:a("input",{id:e.id?e.id:d,ref:t,className:`${i}__input`,type:e.password?"password":"input",value:e.value,onChange:_,onFocus:w,onBlur:$,disabled:e.disabled,placeholder:e.placeholder})})]})});u.displayName="KTextField",u.defaultProps={};export default x(u);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../src/components/textfield/KTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../src/components/textfield/KTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,UAAU,EAAE,IAAI,EAAO,WAAW,EACrE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,QAAQ,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAE/C,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAwB,EAAE,EAAE;IAIjF,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,GAAG,KAAK,EAAE,IAAI,QAAQ,QAAQ,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3C,IAAI,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACzC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC,CAAC,CAAC;IAOJ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC;QAEzB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;QAErD,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9E,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE9C,IAAI,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACxD,MAAM,KAAK,CAAC,0EAA0E,CAAC,CAAC;QAC1F,CAAC;QACD,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;QAAC,CAAC;QACjF,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC;QAAC,CAAC;QACxD,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,OAAO,CAAC,CAAC;QAAC,CAAC;QAClD,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACzD,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,mBAAmB,CAAC,CAAC;QAAC,CAAC;QACnE,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,mBAAmB,CAAC,CAAC;QAAC,CAAC;QAEnE,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE;QACD,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ;QACnF,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG;KAAC,CAAC,CAAC;IAGlE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,MAAM,MAAM,GAAkB,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAEhD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC3B,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;QACnC,CAAC;QACD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAAC,CAAC;QAEhD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,eAAe,CAAC,CAAC;QAE3C,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAAC,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAAC,CAAC;QAC7C,IAAI,OAAO,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,sBAAsB,CAAC,CAAC;QAAC,CAAC;QAE/D,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAO3B,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QACrE,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACnC,IAAI,KAAK,CAAC,QAAQ;YAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QAC7B,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAKlB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,iBAAc,cAAc,aACrE,eAAK,SAAS,EAAE,GAAG,QAAQ,oBAAoB,aAE3C,KAAK,CAAC,KAAK,IAAI,CACb,gBAAO,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,YAClE,KAAK,CAAC,KAAK,GACN,CACT,EAGD,KAAK,CAAC,WAAW,IAAI,CACnB,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;2BAC9B,CAAC,KAAK,CAAC,cAAc,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;2BACpD,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,CAAC,CAC/C,IAAI,CACH,cAAK,SAAS,EAAE,GAAG,QAAQ,uBAAuB,YAC/C,KAAK,CAAC,WAAW,GACd,CACP,IAEC,EACN,cAAK,SAAS,EAAE,GAAG,QAAQ,QAAQ,YACjC,gBACI,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAClC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,GAAG,QAAQ,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAC3C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,GAEhC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG,EAAE,CAAC;AAC7B,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as KTextField } from './KTextField';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export{default as
|
|
1
|
+
"use strict";export{default as KTextField}from"./KTextField";
|
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-
|
|
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}
|
package/package.json
CHANGED
|
@@ -1,84 +1,88 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
"
|
|
2
|
+
"name": "kku-ui",
|
|
3
|
+
"version": "0.0.42",
|
|
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
|
+
"build": "yarn clean && yarn build-sass && yarn minify-css && yarn build-tsc && yarn minify-js",
|
|
22
|
+
"publish": "publish",
|
|
23
|
+
"test": "jest -all",
|
|
24
|
+
"sb": "storybook dev -p 6006",
|
|
25
|
+
"build-storybook": "storybook build",
|
|
26
|
+
"chromatic": "npx chromatic --project-token=chpt_8a400cd81ccf1b2"
|
|
27
|
+
},
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"lodash": "^4.17.21",
|
|
30
|
+
"material-symbols": "^0.14.7",
|
|
31
|
+
"react": "^18.2.0",
|
|
32
|
+
"react-dom": "^18.2.0"
|
|
33
|
+
},
|
|
34
|
+
"devDependencies": {
|
|
35
|
+
"@babel/core": "^7.23.9",
|
|
36
|
+
"@babel/preset-env": "^7.23.9",
|
|
37
|
+
"@babel/preset-react": "^7.23.3",
|
|
38
|
+
"@babel/preset-typescript": "^7.23.2",
|
|
39
|
+
"@storybook/addon-essentials": "^7.6.10",
|
|
40
|
+
"@storybook/addon-interactions": "^7.6.10",
|
|
41
|
+
"@storybook/addon-links": "^7.6.10",
|
|
42
|
+
"@storybook/addon-onboarding": "^1.0.10",
|
|
43
|
+
"@storybook/blocks": "^7.6.5",
|
|
44
|
+
"@storybook/builder-vite": "^7.6.5",
|
|
45
|
+
"@storybook/preset-scss": "^1.0.3",
|
|
46
|
+
"@storybook/react": "^7.6.5",
|
|
47
|
+
"@storybook/react-vite": "^7.6.5",
|
|
48
|
+
"@storybook/test": "^7.6.5",
|
|
49
|
+
"@testing-library/jest-dom": "^6.3.0",
|
|
50
|
+
"@testing-library/react": "^14.1.2",
|
|
51
|
+
"@testing-library/user-event": "^14.5.2",
|
|
52
|
+
"@types/jest": "^29.5.11",
|
|
53
|
+
"@types/react": "^18.2.15",
|
|
54
|
+
"@types/react-dom": "^18.2.7",
|
|
55
|
+
"@types/testing-library__jest-dom": "^6.0.0",
|
|
56
|
+
"@typescript-eslint/eslint-plugin": "^6.19.1",
|
|
57
|
+
"@typescript-eslint/parser": "^6.19.1",
|
|
58
|
+
"@vitejs/plugin-react-swc": "^3.5.0",
|
|
59
|
+
"babel-jest": "^29.7.0",
|
|
60
|
+
"chromatic": "^10.7.1",
|
|
61
|
+
"esbuild": "^0.20.0",
|
|
62
|
+
"eslint": "^8.56.0",
|
|
63
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
64
|
+
"eslint-config-airbnb-typescript": "^17.1.0",
|
|
65
|
+
"eslint-plugin-import": "^2.29.1",
|
|
66
|
+
"eslint-plugin-jsx-a11y": "^6.8.0",
|
|
67
|
+
"eslint-plugin-react": "^7.33.2",
|
|
68
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
69
|
+
"eslint-plugin-react-refresh": "^0.4.3",
|
|
70
|
+
"eslint-plugin-storybook": "^0.6.15",
|
|
71
|
+
"identity-obj-proxy": "^3.0.0",
|
|
72
|
+
"jest": "^29.7.0",
|
|
73
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
74
|
+
"sass": "^1.70.0",
|
|
75
|
+
"storybook": "^7.6.10",
|
|
76
|
+
"storybook-dark-mode": "^3.0.3",
|
|
77
|
+
"ts-jest": "^29.1.2",
|
|
78
|
+
"ts-node": "^10.9.1",
|
|
79
|
+
"tsc-alias": "^1.8.8",
|
|
80
|
+
"typescript": "^5.3.3",
|
|
81
|
+
"typescript-plugin-css-modules": "^5.0.2",
|
|
82
|
+
"vite": "^5.0.12",
|
|
83
|
+
"vite-plugin-compression2": "^0.11.0",
|
|
84
|
+
"vite-plugin-eslint": "^1.8.1"
|
|
85
|
+
},
|
|
86
|
+
"license": "MIT",
|
|
87
|
+
"packageManager": "yarn@4.1.0"
|
|
84
88
|
}
|