kku-ui 0.0.516 → 0.0.518

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/lib/esm/src/components/css-transition/CSSTransition.d.ts +2 -16
  2. package/lib/esm/src/components/css-transition/CSSTransition.interface.d.ts +16 -0
  3. package/lib/esm/src/components/css-transition/CSSTransition.interface.js +1 -0
  4. package/lib/esm/src/components/css-transition/CSSTransition.interface.js.map +1 -0
  5. package/lib/esm/src/components/css-transition/CSSTransition.js +1 -1
  6. package/lib/esm/src/components/css-transition/CSSTransition.js.map +1 -1
  7. package/lib/esm/src/components/drop-holder/KDropHolder.js +1 -1
  8. package/lib/esm/src/components/drop-holder/KDropHolder.js.map +1 -1
  9. package/lib/esm/src/components/input/select/KSelect.js +1 -1
  10. package/lib/esm/src/components/input/select/KSelect.js.map +1 -1
  11. package/lib/styles/index.css +1 -1
  12. package/package.json +9 -13
package/lib/esm/src/components/css-transition/CSSTransition.d.ts CHANGED
@@ -1,17 +1,3 @@
1
- import { ReactNode } from 'react';
2
- interface AnimationType {
3
- x?: number;
4
- y?: number;
5
- opacity?: number;
6
- }
7
- interface CSSTransitionProps {
8
- children: ReactNode;
9
- className?: string;
10
- show: boolean;
11
- timeout: number;
12
- startAnimation?: AnimationType;
13
- endAnimation?: AnimationType;
14
- easing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
15
- }
16
- declare const _default: import("react").MemoExoticComponent<({ children, className, show, easing, timeout, startAnimation, endAnimation }: CSSTransitionProps) => import("react/jsx-runtime").JSX.Element | null>;
1
+ import { CSSTransitionProps } from '../../components/css-transition/CSSTransition.interface';
2
+ declare const _default: import("react").MemoExoticComponent<({ children, className, show, easing, timeout, startAnimation, endAnimation, }: CSSTransitionProps) => import("react/jsx-runtime").JSX.Element | null>;
17
3
  export default _default;
package/lib/esm/src/components/css-transition/CSSTransition.interface.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { ReactNode } from 'react';
2
+ import { KBaseProp } from '../../common/base/base.interface';
3
+ export interface AnimationType {
4
+ x?: number;
5
+ y?: number;
6
+ opacity?: number;
7
+ }
8
+ export interface CSSTransitionProps extends KBaseProp {
9
+ children: ReactNode;
10
+ className?: string;
11
+ show: boolean;
12
+ timeout: number;
13
+ startAnimation?: AnimationType;
14
+ endAnimation?: AnimationType;
15
+ easing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
16
+ }
package/lib/esm/src/components/css-transition/CSSTransition.interface.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";export{};
package/lib/esm/src/components/css-transition/CSSTransition.interface.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CSSTransition.interface.js","sourceRoot":"","sources":["../../../../../src/components/css-transition/CSSTransition.interface.tsx"],"names":[],"mappings":""}
package/lib/esm/src/components/css-transition/CSSTransition.js CHANGED
@@ -1 +1 @@
1
- "use strict";import{jsx as d}from"react/jsx-runtime";import{memo as j,useCallback as x,useEffect as y,useMemo as z,useRef as C,useState as S}from"react";const h=({children:m,className:s,show:f,easing:c="ease-out",timeout:l,startAnimation:t,endAnimation:r})=>{const[a,i]=S(!1),o=C(null),$=z(()=>{const e=["k-css-transition"];return s&&e.push(s),e.join(" ")},[s]),n=x(()=>{requestAnimationFrame(()=>{o.current?.animate([{opacity:t?.opacity||0,transform:`translate(${t?.x||0}px, ${t?.y||0}px)`},{opacity:1,transform:`translate(${r?.x||0}px, ${r?.y||0}px)`}],{duration:l,easing:c,fill:"forwards"})})},[]),p=x(e=>{if(e)i(!0);else{const u=o.current?.animate([{opacity:t?.opacity||1,transform:`translate(${r?.x||0}px, ${r?.y||0}px)`},{opacity:r?.opacity||0,transform:`translate(${t?.x||0}px, ${t?.y||0}px)`}],{duration:l,easing:c,fill:"forwards"});u&&(u.onfinish=()=>i(!1))}},[]);return y(()=>{p(f)},[f,p]),y(()=>{a&&n()},[a,n]),a?d("div",{className:$,ref:o,children:m}):null};export default j(h);
1
+ "use strict";import{jsx as d}from"react/jsx-runtime";import{memo as j,useCallback as x,useEffect as y,useMemo as z,useRef as C,useState as S}from"react";const h=({children:m,className:s,show:f,easing:c="ease-out",timeout:l,startAnimation:t,endAnimation:r})=>{const[a,i]=S(!1),o=C(null),$=z(()=>{const e=["k-css-transition"];return s&&e.push(s),e.join(" ")},[s]),n=x(()=>{requestAnimationFrame(()=>{o.current?.animate([{opacity:t?.opacity||0,transform:`translate(${t?.x||0}px, ${t?.y||0}px)`},{opacity:1,transform:`translate(${r?.x||0}px, ${r?.y||0}px)`}],{duration:l,easing:c,fill:"forwards"})})},[]),p=x(e=>{if(e)i(!0);else{const u=o.current?.animate([{opacity:r?.opacity??1,transform:`translate(${r?.x??0}px, ${r?.y??0}px)`},{opacity:t?.opacity??0,transform:`translate(${t?.x??0}px, ${t?.y??0}px)`}],{duration:l,easing:c,fill:"forwards"});u&&(u.onfinish=()=>i(!1))}},[]);return y(()=>{p(f)},[f,p]),y(()=>{a&&n()},[a,n]),a?d("div",{className:$,ref:o,children:m}):null};export default j(h);
package/lib/esm/src/components/css-transition/CSSTransition.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CSSTransition.js","sourceRoot":"","sources":["../../../../../src/components/css-transition/CSSTransition.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CSSTransition.js","sourceRoot":"","sources":["../../../../../src/components/css-transition/CSSTransition.tsx"],"names":[],"mappings":"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"}
package/lib/esm/src/components/drop-holder/KDropHolder.js CHANGED
@@ -1 +1 @@
1
- "use strict";import{Fragment as I,jsx as C}from"react/jsx-runtime";import{createElement as L,forwardRef as O,useCallback as r,useEffect as k,useImperativeHandle as W,useMemo as a,useRef as b,useState as Y}from"react";import{createRoot as F}from"react-dom/client";import N from"../../common/hook/useClickOutside";const p={wrapper:"k-drop-holder__anchor__wrapper",container:"k-drop-holder__anchor__container"},v=O(({id:w,className:c,style:i,..._},R)=>{const{content:d,children:E,onClick:H,offset:l="4px",position:e="bottom-center"}={..._},s=b(null),f=b(null),[u,n]=Y(!1);N(f,()=>{n(!1)},s);const P=a(()=>{const t=[];return c&&t.push(c),e&&t.push(`k-drop-holder--${e}`),t.join(" ")},[c,e]),X=a(()=>i||{},[i]),A=r(()=>{const{width:t,height:o}=s.current?.getBoundingClientRect()??{width:0,height:0};return e==="top-left"?{transform:`translateY(calc(-100% - ${o}px)) translateX(0)`}:e==="top-center"?{transform:`translateY(calc(-100% - ${o}px)) translateX(calc(-50% + ${t/2}px))`}:e==="top-right"?{transform:`translateY(calc(-100% - ${o}px)) translateX(calc(-100% + ${t}px)`}:e==="bottom-left"?{transform:"translateX(0)"}:e==="bottom-center"?{transform:`translateX(calc(-50% + ${t/2}px))`}:e==="bottom-right"?{transform:`translateX(calc(-100% + ${t}px)`}:{transform:`translateX(calc(-50% + ${t/2}px))`}},[e]),K=r(()=>{n(!0),H?.()},[]),S=r(t=>{(t.key===" "||t.key==="Enter")&&n(!0)},[]),j=r(t=>{t.stopPropagation()},[]),m=a(()=>C(I,{children:d}),[d]),z=r(()=>{n(!0)},[]),h=r(()=>{n(!1)},[]),y=r(t=>{const{top:o,left:D,height:g}=s.current?.getBoundingClientRect()||{top:0,left:0,height:0};t.style.setProperty("position","fixed"),t.style.setProperty("zIndex","9999"),e?.includes("bottom")&&t.style.setProperty("top",`calc(${o+g}px + ${l})`),e?.includes("top")&&t.style.setProperty("top",`calc(${o+g}px - ${l})`),t.style.setProperty("left",`${D}px`)},[e,l]),x=r(()=>{h()},[]),B=r(()=>{const t=document.createElement("div");t.classList.add(p.wrapper),y(t),document.body.appendChild(t);const o=L("div",{ref:f,className:p.container,style:A(),onClick:j},m);F(t).render(o),window.addEventListener("scroll",x,{passive:!0})},[m,y]),$=r(()=>{document.body.getElementsByClassName(p.wrapper)[0]?.remove(),window.removeEventListener("scroll",x)},[]);return k(()=>{u?B():$()},[u]),k(()=>()=>$(),[]),W(R,()=>({open:z,close:h})),C("div",{ref:s,id:w,className:`k-drop-holder ${P}`,tabIndex:0,role:"button",onClick:K,onKeyUp:S,style:X,children:E})});v.displayName="KDropHolder";export default v;
1
+ "use strict";import{jsx as v,jsxs as D}from"react/jsx-runtime";import{forwardRef as U,useCallback as o,useEffect as y,useImperativeHandle as W,useMemo as p,useRef as $,useState as B}from"react";import M from"../../common/hook/useClickOutside";import N from"../../components/css-transition/CSSTransition";const k=U(({id:C,className:i,style:f,...E},R)=>{const{content:g,children:_,onClick:b,offset:l="4px",position:t="bottom-center"}={...E},c=$(null),u=$(null),[s,r]=B(!1);M(u,()=>{r(!1)},c);const j=p(()=>{const e=[];return i&&e.push(i),t&&e.push(`k-drop-holder--${t}`),e.join(" ")},[i,t]),z=p(()=>f||{},[f]),S=o(()=>{r(e=>!e)},[]),m=o(()=>{r(!0)},[]),n=o(()=>{r(!1)},[]),K=p(()=>{const{width:e,height:w,top:I,left:O}=c.current?.getBoundingClientRect()||{top:0,left:0,height:0,width:0},d={position:"fixed",zIndex:"9999",left:`${O}px`};let a="0",x="0";return t?.includes("bottom")&&(d.top=`calc(${I+w}px + ${l})`),t?.includes("top")&&(x=`calc(-100% - ${w}px - ${l})`),t.includes("center")&&(a=`calc(-50% + ${e/2}px)`),t.includes("right")&&(a=`calc(-100% + ${e}px)`),d.transform=`translate(${a}, ${x})`,d},[t,l,s]),L=o(()=>{window.addEventListener("resize",n),window.addEventListener("scroll",n)},[]),h=o(()=>{window.removeEventListener("resize",n),window.removeEventListener("scroll",n)},[]),A=o(()=>{S(),b?.()},[]),H=o(e=>{(e.key===" "||e.key==="Enter")&&m()},[]);return y(()=>{s?L():h()},[s]),y(()=>()=>{h()},[]),W(R,()=>({open:m,close:n})),D("div",{ref:c,id:C,className:`k-drop-holder ${j}`,tabIndex:0,role:"button",onClick:A,onKeyUp:H,style:z,children:[_,v("div",{ref:u,style:K,children:v(N,{show:s,className:"k-drop-holder__anchor__wrapper",timeout:400,startAnimation:{opacity:0},endAnimation:{opacity:1},children:g})})]})});k.displayName="KDropHolder";export default k;
package/lib/esm/src/components/drop-holder/KDropHolder.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KDropHolder.js","sourceRoot":"","sources":["../../../../../src/components/drop-holder/KDropHolder.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"KDropHolder.js","sourceRoot":"","sources":["../../../../../src/components/drop-holder/KDropHolder.tsx"],"names":[],"mappings":"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"}
package/lib/esm/src/components/input/select/KSelect.js CHANGED
@@ -1 +1 @@
1
- "use strict";import{jsx as i,jsxs as H}from"react/jsx-runtime";import{forwardRef as q,useCallback as t,useId as G,useImperativeHandle as J,useMemo as y,useRef as x,useState as P}from"react";import{initDisabled as Q,initSize as V}from"../../../common/util/variation";import{KIcon as W}from"../../../components";import X from"../../../components/css-transition/CSSTransition";import Y from"../../../components/input/select/KSelectList";import{useCleanId as Z}from"../../../common/hook/useCleanId";const C=q(({...I},K)=>{const{id:L=`k-select-${G()}`,className:d,style:_,items:r,onBlur:S,noDataText:R,onFocus:N,size:h,width:f,onChange:a,value:c,placeholder:m,disabled:l}={...I},k=x(null),n=x(!1),[o,b]=P(!1),T=Z("k-select-list"),E=y(()=>{const e=[];return o&&e.push("k-select--open"),d&&e.push(d),V(e,"k-select",h),Q(e,"k-select",l),e.join(" ")},[o,d,h,l]),M=y(()=>({..._,...f?{width:f}:{}}),[_,f]),v=t(e=>{k.current&&!k.current.contains(e.target)&&s()},[]),p=t(()=>{b(!0),setTimeout(()=>{window.addEventListener("click",v)},0)},[]),s=t(()=>{b(!1),window.removeEventListener("click",v)},[]),j=y(()=>{if((!c||c==="")&&m)return i("span",{className:"k-select__label-text__placeholder",children:m});const e=r?.find(u=>u.value===c);return i("span",{className:"k-select__label-text",children:e?.title||c})},[c,r,m]),z=t(()=>{if(!o&&!l){p();return}s()},[o,l]),D=t(()=>{N?.()},[]),F=t(()=>{o&&!n.current&&s(),S?.()},[]),g=t(()=>{n.current=!0},[]),B=t(()=>{n.current=!1},[]),O=t(e=>{if(e.key==="Enter"||e.key===" "){if(!o){p();return}s()}e.key==="Tab"&&e.shiftKey&&n.current&&s(),e.key==="Tab"&&(n.current=!0)},[o]),A=t(e=>{e!==null&&(a(e.value),s())},[a]),U=t(()=>{n.current=!1},[]),$=t((e,u,w)=>{u&&(e.key==="Enter"||e.key===" ")&&a(u.value),(r.length-1===w||w===-1)&&!e.shiftKey&&e.key==="Tab"&&s()},[a,r]);return J(K,()=>({open:p,close:s})),H("div",{ref:k,id:L,className:`k-select ${E}`,style:M,tabIndex:l?-1:0,role:"button",onClick:z,onKeyUp:O,onFocus:D,onBlur:F,onMouseEnter:g,onMouseLeave:B,"aria-expanded":o,children:[j,i(W,{className:"k-select__current__label__arrow-icon",icon:"keyboard_arrow_down",size:16}),i(X,{className:"k-select__transition",show:o,timeout:160,startAnimation:{y:-8},children:i(Y,{id:T,items:r,onClick:A,onFocus:U,onKeyDown:$,noDataText:R||"No Data"})})]})});C.displayName="KSelect";export default C;
1
+ "use strict";import{jsx as i,jsxs as H}from"react/jsx-runtime";import{forwardRef as q,useCallback as t,useId as G,useImperativeHandle as J,useMemo as y,useRef as x,useState as P}from"react";import{initDisabled as Q,initSize as V}from"../../../common/util/variation";import{KIcon as W}from"../../../components";import X from"../../../components/css-transition/CSSTransition";import Y from"../../../components/input/select/KSelectList";import{useCleanId as Z}from"../../../common/hook/useCleanId";const C=q(({...I},K)=>{const{id:L=`k-select-${G()}`,className:d,style:_,items:r,onBlur:S,noDataText:R,onFocus:N,size:h,width:f,onChange:a,value:c,placeholder:m,disabled:l}={...I},k=x(null),s=x(!1),[o,b]=P(!1),T=Z("k-select-list"),E=y(()=>{const e=[];return o&&e.push("k-select--open"),d&&e.push(d),V(e,"k-select",h),Q(e,"k-select",l),e.join(" ")},[o,d,h,l]),M=y(()=>({..._,...f?{width:f}:{}}),[_,f]),v=t(e=>{k.current&&!k.current.contains(e.target)&&n()},[]),p=t(()=>{b(!0),setTimeout(()=>{window.addEventListener("click",v)},0)},[]),n=t(()=>{b(!1),window.removeEventListener("click",v)},[]),j=y(()=>{if((!c||c==="")&&m)return i("span",{className:"k-select__label-text__placeholder",children:m});const e=r?.find(u=>u.value===c);return i("span",{className:"k-select__label-text",children:e?.title||c})},[c,r,m]),z=t(()=>{if(!o&&!l){p();return}n()},[o,l]),D=t(()=>{N?.()},[]),F=t(()=>{o&&!s.current&&n(),S?.()},[]),g=t(()=>{s.current=!0},[]),A=t(()=>{s.current=!1},[]),B=t(e=>{if(e.key==="Enter"||e.key===" "){if(!o){p();return}n()}e.key==="Tab"&&e.shiftKey&&s.current&&n(),e.key==="Tab"&&(s.current=!0)},[o]),O=t(e=>{e!==null&&(a(e.value),n())},[a]),U=t(()=>{s.current=!1},[]),$=t((e,u,w)=>{u&&(e.key==="Enter"||e.key===" ")&&a(u.value),(r.length-1===w||w===-1)&&!e.shiftKey&&e.key==="Tab"&&n()},[a,r]);return J(K,()=>({open:p,close:n})),H("div",{ref:k,id:L,className:`k-select ${E}`,style:M,tabIndex:l?-1:0,role:"button",onClick:z,onKeyUp:B,onFocus:D,onBlur:F,onMouseEnter:g,onMouseLeave:A,"aria-expanded":o,children:[j,i(W,{className:"k-select__current__label__arrow-icon",icon:"keyboard_arrow_down",size:16}),i(X,{className:"k-select__transition",show:o,timeout:160,startAnimation:{y:-8},endAnimation:{y:0},children:i(Y,{id:T,items:r,onClick:O,onFocus:U,onKeyDown:$,noDataText:R||"No Data"})})]})});C.displayName="KSelect";export default C;
package/lib/esm/src/components/input/select/KSelect.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KSelect.js","sourceRoot":"","sources":["../../../../../../src/components/input/select/KSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"KSelect.js","sourceRoot":"","sources":["../../../../../../src/components/input/select/KSelect.tsx"],"names":[],"mappings":"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"}
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;font-family:var(--font-family)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--white-color: #ffffff;--black-color: #000000;--error-color: #ED2B2A;--success-color: #7DCE13;--warning-color: #FFFA4D;--eanble-color: #0079FF;--gray-color-50: #f8f9fa;--gray-color-100: #eceeef;--gray-color-200: #dee2e6;--gray-color-300: #ced4da;--gray-color-400: #adb5bd;--gray-color-500: #868e96;--gray-color-600: #495057;--gray-color-700: #343a40;--gray-color-800: #212529;--gray-color-900: #121416;--default-font-color: var(--gray-color-700);--default-disabled-font-color: var(--gray-color-500);--default-placeholder-font-color: #b3b3b3;--dark-font-color: var(--gray-color-100);--dark-disabled-font-color: var(--gray-color-500);--dark-placeholder-font-color: #b3b3b3;--default-border-color: var(--gray-color-500);--default-hover-border-color: var(--gray-color-800);--default-disabled-border-color: var(--gray-color-500);--dark-border-color: var(--gray-color-500);--dark-hover-border-color: var(--gray-color-200);--dark-disabled-border-color: var(--gray-color-600);--default-background-color: var(--white-color);--default-hover-background-color: var(--gray-color-50);--default-disabled-background-color: var(--gray-color-50);--dark-default-background-color: var(--black-color);--dark-hover-background-color: var(--gray-color-900);--dark-disabled-background-color: var(--gray-color-900);--default-ripple-color: var(--gray-color-300);--dark-ripple-color: var(--gray-color-400);--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-22: 22px;--spacing-24: 24px;--spacing-26: 26px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-34: 34px;--spacing-36: 36px;--spacing-38: 38px;--spacing-40: 40px;--input-medium-height: 40px;--input-small-height: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-size-title-1: 48px;--font-size-title-2: 32px;--font-size-title-3: 28px;--font-size-sub-title-1: 24px;--font-size-sub-title-2: 20px;--font-size-sub-title-3: 16px;--font-size-sub-1: 22px;--font-size-sub-2: 20px;--font-size-sub-3: 18px;--font-size-label-1: 16px;--font-size-label-2: 14px;--font-size-label-3: 12px;--line-height-title-1: 56px;--line-height-title-2: 40px;--line-height-title-3: 36px;--line-height-sub-title-1: 32px;--line-height-sub-title-2: 28px;--line-height-sub-title-3: 24px;--line-height-label-1: 24px;--line-height-label-2: 22px;--line-height-label-3: 20px;--line-height-sub-1: 30px;--line-height-sub-2: 28px;--line-height-sub-3: 26px;--font-weight-title: 600;--font-weight-body: 400;--font-weight-sub: 500;--font-size-body-1: 18px;--font-size-body-2: 16px;--font-size-body-3: 14px;--line-height-body-1: 24px;--line-height-body-2: 22px;--line-height-body-3: 20px;--font-weight-body-1: 400;--font-weight-body-2: 400;--font-weight-body-3: 400;--default-border-radius: 3px;--default-box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--dark-box-shadow: rgba(255, 255, 255, .35) 0px 5px 15px;--default-transition-timing-function: ease;--select-z-index: 10}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);font-family:var(--font-family);color:var(--default-font-color);cursor:pointer;overflow:hidden;user-select:none;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-button .k-ripple{background-color:var(--default-ripple-color)}.k-button:hover{border-color:var(--default-hover-border-color);background:var(--default-hover-background-color)}.k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--default-disabled-border-color);background-color:var(--default-disabled-background-color)}.k-button[disabled]{cursor:not-allowed}.k-button[disabled].k-button--color:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000029}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--small{height:32px;padding:0 var(--spacing-12)}.k-button.k-button--small .k-button__content{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-button.k-button--medium{height:36px;padding:0 var(--spacing-16)}.k-button.k-button--medium .k-button__content{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.dark .k-button{color:var(--dark-font-color);border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-button .k-ripple{background-color:var(--dark-ripple-color)}.dark .k-button:hover{border-color:var(--dark-hover-border-color);background:var(--dark-hover-background-color)}.dark .k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--dark-disabled-border-color);background-color:var(--dark-disabled-background-color)}.k-text-field{position:relative;display:flex;width:auto;font-size:0;font-family:var(--font-family)}.k-text-field .k-text-field__label__container{position:absolute;top:-5px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-2);color:var(--default-border-color);overflow:hidden}.k-text-field .k-text-field__label__container:before{content:"";top:49%;left:0;transform:translateY(-50%);height:2px;width:100%;position:absolute;background-color:var(--default-background-color);z-index:1}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);line-height:1;white-space:nowrap;overflow:hidden;z-index:2;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function);transition-property:color}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:var(--error-color)}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:var(--black-color)}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:space-between;align-items:center;height:100%;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--white-color);caret-color:var(--default-font-color);font-size:0;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__label__left-action,.k-text-field .k-text-field__input__container .k-text-field__label__right-action{display:inline-flex;justify-content:center;align-items:center;width:auto;height:100%;font-size:inherit;line-height:inherit;background-color:transparent}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;height:100%;padding:0;border:none;outline:none;background-color:transparent;color:var(--default-font-color);transition-property:color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--default-placeholder-font-color)}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-right:var(--spacing-8);width:100%}.k-text-field:hover .k-text-field__label__container,.k-text-field:focus-within .k-text-field__label__container{color:var(--default-font-color)}.k-text-field:hover .k-text-field__input__container,.k-text-field:focus-within .k-text-field__input__container{border-color:var(--default-font-color)}.k-text-field.k-text-field__input--full-width.k-text-field--small .k-text-field__input__container,.k-text-field.k-text-field__input--full-width.k-text-field--medium .k-text-field__input__container{min-width:100%;width:100%}.k-text-field.k-text-field--disabled{color:var(--default-disabled-font-color);cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__label__container{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container{border-color:var(--default-disabled-font-color);background-color:var(--default-disabled-background-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--default-disabled-font-color)}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--medium .k-text-field__label__container{left:10px}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--medium .k-text-field__input__container{min-width:300px;width:300px;height:var(--input-medium-height)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2;padding:0 var(--spacing-10)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-12)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-12)}.k-text-field.k-text-field--small .k-text-field__label__container{left:8px}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--small .k-text-field__input__container{min-width:260px;width:260px;height:var(--input-small-height)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3;padding:0 var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-8)}.dark .k-text-field{color:var(--dark-font-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--dark-hover-border-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--dark-disabled-font-color)}.dark .k-text-field:hover .k-text-field__label__container>.k-text-field__label__text,.dark .k-text-field:focus-within .k-text-field__label__container>.k-text-field__label__text{color:var(--dark-font-color)}.dark .k-text-field:hover .k-text-field__input__container,.dark .k-text-field:focus-within .k-text-field__input__container{border-color:var(--white-color)}.dark .k-text-field .k-text-field__label__container{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__label__container .k-text-field__label__text{color:var(--dark-border-color)}.dark .k-text-field .k-text-field__label__container:before{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__input__container{border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color);caret-color:var(--white-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:var(--dark-font-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--dark-placeholder-font-color)}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6);min-width:80px;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-select:hover{border-color:var(--default-hover-border-color)}.k-select:hover .k-select__current__label__arrow-icon{color:var(--default-hover-border-color)}.k-select.k-select--disabled{color:var(--default-disabled-font-color);background:var(--default-disabled-background-color);cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:var(--default-border-color)}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:var(--default-placeholder-font-color)}.k-select .k-select__current__label__arrow-icon{color:var(--default-border-color);transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.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__transition{position:absolute;top:calc(100% + var(--spacing-8));left:0;width:100%;z-index:9999}.k-select .k-select__menu-list{border:1px solid var(--default-border-color);background-color:var(--white-color);border-radius:var(--default-border-radius);overflow:hidden;z-index:var(--select-z-index)}.k-select .k-select__menu-list .k-select__menu-list__item{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid var(--gray-color-100)}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--default-hover-background-color)}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:var(--default-placeholder-font-color)}.k-select.k-select--medium{width:240px;height:var(--input-medium-height)}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{height:var(--input-medium-height);padding:0 var(--spacing-8)}.k-select.k-select--small{width:200px;height:var(--input-small-height)}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{height:var(--input-small-height);padding:0 var(--spacing-8)}.dark .k-select{color:var(--dark-font-color);border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color)}.dark .k-select .k-select__current__label__arrow-icon{color:var(--dark-border-color)}.dark .k-select:hover{border-color:var(--dark-hover-border-color)}.dark .k-select:hover .k-select__current__label__arrow-icon{color:var(--dark-hover-border-color)}.dark .k-select.k-select--disabled{color:var(--dark-disabled-font-color);background:var(--dark-disabled-background-color)}.dark .k-select.k-select--disabled:hover{border-color:var(--dark-disabled-border-color)}.dark .k-select .k-select__menu-list{border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:var(--dark-border-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--dark-hover-background-color)}.k-switch{position:relative;border:none;cursor:pointer;margin:0;padding:0;background-color:var(--gray-color-200);overflow:hidden}.k-switch .k-switch__active-background,.k-switch .k-switch__default-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .24s ease}.k-switch .k-switch__active-background{background-color:#068fff}.k-switch.k-switch--on>.k-switch__active-background{opacity:1}.k-switch.k-switch--on>.k-switch__default-background{opacity:0}.k-switch.k-switch--disabled{cursor:not-allowed}.k-switch.k-switch--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-color);opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:var(--white-color);border-radius:50%;transition:left .3s ease;z-index:1}.k-switch.k-switch--medium{width:54px;height:30px;border-radius:16px}.k-switch.k-switch--medium .k-switch__toggle{width:24px;height:24px}.k-switch.k-switch--medium.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 27px)}.k-switch.k-switch--medium.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--small{width:48px;height:26px;border-radius:14px}.k-switch.k-switch--small .k-switch__toggle{width:20px;height:20px}.k-switch.k-switch--small.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 23px)}.k-switch.k-switch--small.k-switch--off .k-switch__toggle{top:3px;left:3px}.dark .k-switch{background-color:var(--gray-color-700)}.k-icon{display:inline-flex;justify-content:center;align-items:center;user-select:none;fill:#333}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon svg{width:100%;height:100%}.k-icon.k-icon--large svg{font-size:42px;width:42px;height:42px}.k-icon.k-icon--medium svg{font-size:36px;width:36px;height:36px}.k-icon.k-icon--small svg{font-size:28px;width:28px;height:28px}.k-drop-holder{display:inline-block;cursor:pointer}.k-drop-holder__popup__wrapper{padding:var(--spacing-12);border:1px solid #000}.k-card{position:relative;display:inline-flex;flex-direction:column;padding:var(--spacing-8);border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);min-width:80px;font-family:var(--font-family);color:var(--default-font-color)}.k-card .k-card__title{font-size:var(--font-size-sub-title-1);line-height:var(--line-height-sub-title-1);font-weight:var(--font-weight-body)}.k-card .k-card__title+.k-card__sub-title{margin-top:var(--spacing-8)}.k-card .k-card__sub-title{font-size:var(--font-size-label-1);line-height:var(--line-height-label-1);font-weight:var(--font-weight-body)}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.k-card.k-card__clickable:hover{box-shadow:var(--default-box-shadow);transform:translateY(-2px)}.k-card.k-card--outlined{border-color:var(--default-border-color);color:var(--default-font-color)}.dark .k-card{border-color:var(--dark-border-color);color:var(--dark-font-color)}.dark .k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.dark .k-card.k-card__clickable:hover{box-shadow:var(--dark-box-shadow);transform:translateY(-2px)}.k-accordion{border:1px solid var(--gray-color-300);border-radius:var(--default-border-radius);overflow:hidden}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease;background:var(--gray-color-50);list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:hover{background:var(--gray-color-100)}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start;color:var(--default-font-color)}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function);cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:var(--white-color);overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:var(--spacing-16)}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-12)}.k-accordion.k-accordion--medium{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:var(--spacing-12) var(--spacing-14)}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-10)}.k-accordion.k-accordion--small{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:var(--spacing-8) var(--spacing-12)}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-8)}.dark .k-accordion{border-color:var(--dark-default-background-color)}.dark .k-accordion .k-accordion__summary{background:var(--gray-color-800)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__container{color:var(--dark-font-color)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{color:var(--white-color)}.dark .k-accordion .k-accordion__content{color:var(--dark-font-color);background-color:var(--gray-color-700)}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.016)}}@keyframes modalScaleDown{0%{transform:scale(1.016)}to{transform:scale(1)}}.k-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;color:var(--default-font-color);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .24s forwards}.k-modal__wrapper.k-modal__wrapper--close{animation:fadeOut .24s forwards}.k-modal__wrapper.k-modal__wrapper--close .k-modal__container{animation:modalScaleUp .16s ease-in forwards}.k-modal__wrapper .k-modal__container{z-index:1002;border-radius:var(--default-border-radius);background-color:var(--white-color);box-shadow:var(--default-box-shadow);overflow:hidden;animation:modalScaleDown .16s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--gray-color-100)}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:18px;line-height:24px;font-weight:700}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button{position:relative;padding:var(--spacing-2);background:none;border:none;color:inherit;cursor:pointer;overflow:hidden}.k-modal__wrapper .k-modal__container .k-modal__container__content{padding:var(--spacing-20) var(--spacing-16)}.k-modal__wrapper .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 var(--spacing-12) var(--spacing-12) var(--spacing-12)}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:824px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:640px;width:100%}.k-modal__wrapper .k-modal-wrapper__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--black-color);opacity:.16}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--transparent{background-color:transparent;opacity:0}@media screen and (max-width: 1040px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - var(--spacing-32) * 2)}}@media screen and (max-width: 824px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - var(--spacing-24) * 2)}}@media screen and (max-width: 640px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - var(--spacing-16) * 2)}}.dark .k-modal__wrapper{color:var(--dark-font-color)}.dark .k-modal__wrapper .k-modal__container{background-color:var(--gray-color-800)}.dark .k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--white-color);opacity:.16}
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;font-family:var(--font-family)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--white-color: #ffffff;--black-color: #000000;--error-color: #ED2B2A;--success-color: #7DCE13;--warning-color: #FFFA4D;--eanble-color: #0079FF;--gray-color-50: #f8f9fa;--gray-color-100: #eceeef;--gray-color-200: #dee2e6;--gray-color-300: #ced4da;--gray-color-400: #adb5bd;--gray-color-500: #868e96;--gray-color-600: #495057;--gray-color-700: #343a40;--gray-color-800: #212529;--gray-color-900: #121416;--default-font-color: var(--gray-color-700);--default-disabled-font-color: var(--gray-color-500);--default-placeholder-font-color: #b3b3b3;--dark-font-color: var(--gray-color-100);--dark-disabled-font-color: var(--gray-color-500);--dark-placeholder-font-color: #b3b3b3;--default-border-color: var(--gray-color-500);--default-hover-border-color: var(--gray-color-800);--default-disabled-border-color: var(--gray-color-500);--dark-border-color: var(--gray-color-500);--dark-hover-border-color: var(--gray-color-200);--dark-disabled-border-color: var(--gray-color-600);--default-background-color: var(--white-color);--default-hover-background-color: var(--gray-color-50);--default-disabled-background-color: var(--gray-color-50);--dark-default-background-color: var(--black-color);--dark-hover-background-color: var(--gray-color-900);--dark-disabled-background-color: var(--gray-color-900);--default-ripple-color: var(--gray-color-300);--dark-ripple-color: var(--gray-color-400);--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-22: 22px;--spacing-24: 24px;--spacing-26: 26px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-34: 34px;--spacing-36: 36px;--spacing-38: 38px;--spacing-40: 40px;--input-medium-height: 40px;--input-small-height: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-size-title-1: 48px;--font-size-title-2: 32px;--font-size-title-3: 28px;--font-size-sub-title-1: 24px;--font-size-sub-title-2: 20px;--font-size-sub-title-3: 16px;--font-size-sub-1: 22px;--font-size-sub-2: 20px;--font-size-sub-3: 18px;--font-size-label-1: 16px;--font-size-label-2: 14px;--font-size-label-3: 12px;--line-height-title-1: 56px;--line-height-title-2: 40px;--line-height-title-3: 36px;--line-height-sub-title-1: 32px;--line-height-sub-title-2: 28px;--line-height-sub-title-3: 24px;--line-height-label-1: 24px;--line-height-label-2: 22px;--line-height-label-3: 20px;--line-height-sub-1: 30px;--line-height-sub-2: 28px;--line-height-sub-3: 26px;--font-weight-title: 600;--font-weight-body: 400;--font-weight-sub: 500;--font-size-body-1: 18px;--font-size-body-2: 16px;--font-size-body-3: 14px;--line-height-body-1: 24px;--line-height-body-2: 22px;--line-height-body-3: 20px;--font-weight-body-1: 400;--font-weight-body-2: 400;--font-weight-body-3: 400;--default-border-radius: 3px;--default-box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--dark-box-shadow: rgba(255, 255, 255, .35) 0px 5px 15px;--default-transition-timing-function: ease;--select-z-index: 10}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);font-family:var(--font-family);color:var(--default-font-color);cursor:pointer;overflow:hidden;user-select:none;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-button .k-ripple{background-color:var(--default-ripple-color)}.k-button:hover{border-color:var(--default-hover-border-color);background:var(--default-hover-background-color)}.k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--default-disabled-border-color);background-color:var(--default-disabled-background-color)}.k-button[disabled]{cursor:not-allowed}.k-button[disabled].k-button--color:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000029}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--small{height:32px;padding:0 var(--spacing-12)}.k-button.k-button--small .k-button__content{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-button.k-button--medium{height:36px;padding:0 var(--spacing-16)}.k-button.k-button--medium .k-button__content{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.dark .k-button{color:var(--dark-font-color);border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-button .k-ripple{background-color:var(--dark-ripple-color)}.dark .k-button:hover{border-color:var(--dark-hover-border-color);background:var(--dark-hover-background-color)}.dark .k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--dark-disabled-border-color);background-color:var(--dark-disabled-background-color)}.k-text-field{position:relative;display:flex;width:auto;font-size:0;font-family:var(--font-family)}.k-text-field .k-text-field__label__container{position:absolute;top:-5px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-2);color:var(--default-border-color);overflow:hidden}.k-text-field .k-text-field__label__container:before{content:"";top:49%;left:0;transform:translateY(-50%);height:2px;width:100%;position:absolute;background-color:var(--default-background-color);z-index:1}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);line-height:1;white-space:nowrap;overflow:hidden;z-index:2;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function);transition-property:color}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:var(--error-color)}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:var(--black-color)}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:space-between;align-items:center;height:100%;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--white-color);caret-color:var(--default-font-color);font-size:0;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__label__left-action,.k-text-field .k-text-field__input__container .k-text-field__label__right-action{display:inline-flex;justify-content:center;align-items:center;width:auto;height:100%;font-size:inherit;line-height:inherit;background-color:transparent}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;height:100%;padding:0;border:none;outline:none;background-color:transparent;color:var(--default-font-color);transition-property:color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--default-placeholder-font-color)}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-right:var(--spacing-8);width:100%}.k-text-field:hover .k-text-field__label__container,.k-text-field:focus-within .k-text-field__label__container{color:var(--default-font-color)}.k-text-field:hover .k-text-field__input__container,.k-text-field:focus-within .k-text-field__input__container{border-color:var(--default-font-color)}.k-text-field.k-text-field__input--full-width.k-text-field--small .k-text-field__input__container,.k-text-field.k-text-field__input--full-width.k-text-field--medium .k-text-field__input__container{min-width:100%;width:100%}.k-text-field.k-text-field--disabled{color:var(--default-disabled-font-color);cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__label__container{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container{border-color:var(--default-disabled-font-color);background-color:var(--default-disabled-background-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--default-disabled-font-color)}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--medium .k-text-field__label__container{left:10px}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--medium .k-text-field__input__container{min-width:300px;width:300px;height:var(--input-medium-height)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2;padding:0 var(--spacing-10)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-12)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-12)}.k-text-field.k-text-field--small .k-text-field__label__container{left:8px}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--small .k-text-field__input__container{min-width:260px;width:260px;height:var(--input-small-height)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3;padding:0 var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-8)}.dark .k-text-field{color:var(--dark-font-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--dark-hover-border-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--dark-disabled-font-color)}.dark .k-text-field:hover .k-text-field__label__container>.k-text-field__label__text,.dark .k-text-field:focus-within .k-text-field__label__container>.k-text-field__label__text{color:var(--dark-font-color)}.dark .k-text-field:hover .k-text-field__input__container,.dark .k-text-field:focus-within .k-text-field__input__container{border-color:var(--white-color)}.dark .k-text-field .k-text-field__label__container{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__label__container .k-text-field__label__text{color:var(--dark-border-color)}.dark .k-text-field .k-text-field__label__container:before{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__input__container{border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color);caret-color:var(--white-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:var(--dark-font-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--dark-placeholder-font-color)}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6);min-width:80px;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-select:hover{border-color:var(--default-hover-border-color)}.k-select:hover .k-select__current__label__arrow-icon{color:var(--default-hover-border-color)}.k-select.k-select--disabled{color:var(--default-disabled-font-color);background:var(--default-disabled-background-color);cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:var(--default-border-color)}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:var(--default-placeholder-font-color)}.k-select .k-select__current__label__arrow-icon{color:var(--default-border-color);transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.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__transition{position:absolute;top:calc(100% + var(--spacing-8));left:0;width:100%;z-index:9999}.k-select .k-select__menu-list{border:1px solid var(--default-border-color);background-color:var(--white-color);border-radius:var(--default-border-radius);overflow:hidden;z-index:var(--select-z-index)}.k-select .k-select__menu-list .k-select__menu-list__item{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid var(--gray-color-100)}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--default-hover-background-color)}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:var(--default-placeholder-font-color)}.k-select.k-select--medium{width:240px;height:var(--input-medium-height)}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{height:var(--input-medium-height);padding:0 var(--spacing-8)}.k-select.k-select--small{width:200px;height:var(--input-small-height)}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{height:var(--input-small-height);padding:0 var(--spacing-8)}.dark .k-select{color:var(--dark-font-color);border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color)}.dark .k-select .k-select__current__label__arrow-icon{color:var(--dark-border-color)}.dark .k-select:hover{border-color:var(--dark-hover-border-color)}.dark .k-select:hover .k-select__current__label__arrow-icon{color:var(--dark-hover-border-color)}.dark .k-select.k-select--disabled{color:var(--dark-disabled-font-color);background:var(--dark-disabled-background-color)}.dark .k-select.k-select--disabled:hover{border-color:var(--dark-disabled-border-color)}.dark .k-select .k-select__menu-list{border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:var(--dark-border-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--dark-hover-background-color)}.k-switch{position:relative;border:none;cursor:pointer;margin:0;padding:0;background-color:var(--gray-color-200);overflow:hidden}.k-switch .k-switch__active-background,.k-switch .k-switch__default-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .24s ease}.k-switch .k-switch__active-background{background-color:#068fff}.k-switch.k-switch--on>.k-switch__active-background{opacity:1}.k-switch.k-switch--on>.k-switch__default-background{opacity:0}.k-switch.k-switch--disabled{cursor:not-allowed}.k-switch.k-switch--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-color);opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:var(--white-color);border-radius:50%;transition:left .3s ease;z-index:1}.k-switch.k-switch--medium{width:54px;height:30px;border-radius:16px}.k-switch.k-switch--medium .k-switch__toggle{width:24px;height:24px}.k-switch.k-switch--medium.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 27px)}.k-switch.k-switch--medium.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--small{width:48px;height:26px;border-radius:14px}.k-switch.k-switch--small .k-switch__toggle{width:20px;height:20px}.k-switch.k-switch--small.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 23px)}.k-switch.k-switch--small.k-switch--off .k-switch__toggle{top:3px;left:3px}.dark .k-switch{background-color:var(--gray-color-700)}.k-icon{display:inline-flex;justify-content:center;align-items:center;user-select:none;fill:#333}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon svg{width:100%;height:100%}.k-icon.k-icon--large svg{font-size:42px;width:42px;height:42px}.k-icon.k-icon--medium svg{font-size:36px;width:36px;height:36px}.k-icon.k-icon--small svg{font-size:28px;width:28px;height:28px}.k-drop-holder{display:inline-block;cursor:pointer;font-size:0}.k-drop-holder .k-drop-holder__anchor__wrapper{padding:var(--spacing-8);border:1px solid #000;cursor:default;font-size:var(--font-size-body-2)}.k-card{position:relative;display:inline-flex;flex-direction:column;padding:var(--spacing-8);border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);min-width:80px;font-family:var(--font-family);color:var(--default-font-color)}.k-card .k-card__title{font-size:var(--font-size-sub-title-1);line-height:var(--line-height-sub-title-1);font-weight:var(--font-weight-body)}.k-card .k-card__title+.k-card__sub-title{margin-top:var(--spacing-8)}.k-card .k-card__sub-title{font-size:var(--font-size-label-1);line-height:var(--line-height-label-1);font-weight:var(--font-weight-body)}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.k-card.k-card__clickable:hover{box-shadow:var(--default-box-shadow);transform:translateY(-2px)}.k-card.k-card--outlined{border-color:var(--default-border-color);color:var(--default-font-color)}.dark .k-card{border-color:var(--dark-border-color);color:var(--dark-font-color)}.dark .k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.dark .k-card.k-card__clickable:hover{box-shadow:var(--dark-box-shadow);transform:translateY(-2px)}.k-accordion{border:1px solid var(--gray-color-300);border-radius:var(--default-border-radius);overflow:hidden}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease;background:var(--gray-color-50);list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:hover{background:var(--gray-color-100)}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start;color:var(--default-font-color)}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function);cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:var(--white-color);overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:var(--spacing-16)}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-12)}.k-accordion.k-accordion--medium{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:var(--spacing-12) var(--spacing-14)}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-10)}.k-accordion.k-accordion--small{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:var(--spacing-8) var(--spacing-12)}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-8)}.dark .k-accordion{border-color:var(--dark-default-background-color)}.dark .k-accordion .k-accordion__summary{background:var(--gray-color-800)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__container{color:var(--dark-font-color)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{color:var(--white-color)}.dark .k-accordion .k-accordion__content{color:var(--dark-font-color);background-color:var(--gray-color-700)}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.016)}}@keyframes modalScaleDown{0%{transform:scale(1.016)}to{transform:scale(1)}}.k-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;color:var(--default-font-color);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .24s forwards}.k-modal__wrapper.k-modal__wrapper--close{animation:fadeOut .24s forwards}.k-modal__wrapper.k-modal__wrapper--close .k-modal__container{animation:modalScaleUp .16s ease-in forwards}.k-modal__wrapper .k-modal__container{z-index:1002;border-radius:var(--default-border-radius);background-color:var(--white-color);box-shadow:var(--default-box-shadow);overflow:hidden;animation:modalScaleDown .16s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--gray-color-100)}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:18px;line-height:24px;font-weight:700}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button{position:relative;padding:var(--spacing-2);background:none;border:none;color:inherit;cursor:pointer;overflow:hidden}.k-modal__wrapper .k-modal__container .k-modal__container__content{padding:var(--spacing-20) var(--spacing-16)}.k-modal__wrapper .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 var(--spacing-12) var(--spacing-12) var(--spacing-12)}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:824px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:640px;width:100%}.k-modal__wrapper .k-modal-wrapper__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--black-color);opacity:.16}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--transparent{background-color:transparent;opacity:0}@media screen and (max-width: 1040px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - var(--spacing-32) * 2)}}@media screen and (max-width: 824px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - var(--spacing-24) * 2)}}@media screen and (max-width: 640px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - var(--spacing-16) * 2)}}.dark .k-modal__wrapper{color:var(--dark-font-color)}.dark .k-modal__wrapper .k-modal__container{background-color:var(--gray-color-800)}.dark .k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--white-color);opacity:.16}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kku-ui",
3
- "version": "0.0.516",
3
+ "version": "0.0.518",
4
4
  "type": "module",
5
5
  "module": "lib/esm/index.js",
6
6
  "main": "lib/esm/index.js",
@@ -21,7 +21,8 @@
21
21
  "replacer": "node build-replacer.js",
22
22
  "build": "pnpm clean && pnpm build-sass && pnpm minify-css && pnpm build-tsc && pnpm replacer && pnpm minify-js",
23
23
  "publish": "publish",
24
- "test": "jest -all",
24
+ "test": "vitest",
25
+ "test-ui": "vitest --ui",
25
26
  "sb": "storybook dev -p 6006",
26
27
  "build-storybook": "storybook build",
27
28
  "chromatic": "npx chromatic --project-token=chpt_8a400cd81ccf1b2"
@@ -32,10 +33,6 @@
32
33
  "react-dom": "^19.0.0"
33
34
  },
34
35
  "devDependencies": {
35
- "@babel/core": "^7.25.2",
36
- "@babel/preset-env": "^7.25.4",
37
- "@babel/preset-react": "^7.24.7",
38
- "@babel/preset-typescript": "^7.23.2",
39
36
  "@chromatic-com/storybook": "^1",
40
37
  "@storybook/addon-essentials": "^8.5.3",
41
38
  "@storybook/addon-highlight": "^8.5.3",
@@ -48,10 +45,9 @@
48
45
  "@storybook/react": "^8.5.3",
49
46
  "@storybook/react-vite": "^8.5.3",
50
47
  "@storybook/test": "^8.5.3",
51
- "@testing-library/jest-dom": "^6.3.0",
48
+ "@testing-library/jest-dom": "^6.6.3",
52
49
  "@testing-library/react": "^14.1.2",
53
50
  "@testing-library/user-event": "^14.5.2",
54
- "@types/jest": "^29.5.11",
55
51
  "@types/lodash-es": "^4.17.12",
56
52
  "@types/react": "^19.0.8",
57
53
  "@types/react-dom": "^19.0.3",
@@ -59,7 +55,7 @@
59
55
  "@typescript-eslint/eslint-plugin": "^6.19.1",
60
56
  "@typescript-eslint/parser": "^6.19.1",
61
57
  "@vitejs/plugin-react-swc": "^3.8.0",
62
- "babel-jest": "^29.7.0",
58
+ "@vitest/ui": "3.0.8",
63
59
  "chromatic": "^10.7.1",
64
60
  "esbuild": "^0.20.0",
65
61
  "eslint": "^8.56.0",
@@ -73,19 +69,19 @@
73
69
  "eslint-plugin-storybook": "^0.8.0",
74
70
  "glob": "^10.3.10",
75
71
  "identity-obj-proxy": "^3.0.0",
76
- "jest": "^29.7.0",
77
- "jest-environment-jsdom": "^29.7.0",
72
+ "jsdom": "^26.0.0",
73
+ "rimraf": "^6.0.1",
78
74
  "sass": "1.56.0",
79
75
  "storybook": "^8.5.3",
80
76
  "storybook-dark-mode": "^4.0.2",
81
- "ts-jest": "^29.1.2",
82
77
  "ts-node": "^10.9.1",
83
78
  "tsc-alias": "^1.8.8",
84
79
  "typescript": "5.3.3",
85
80
  "typescript-plugin-css-modules": "^5.0.2",
86
81
  "vite": "^6.1.0",
87
82
  "vite-plugin-compression2": "^1.3.3",
88
- "vite-plugin-eslint": "^1.8.1"
83
+ "vite-plugin-eslint": "^1.8.1",
84
+ "vitest": "^3.0.8"
89
85
  },
90
86
  "license": "MIT"
91
87
  }