kilya-ui 0.0.7 → 0.0.8

package/dist/kilya-ui.css

@@ -1 +1 @@
-.kilya-button-white path[fill],.kilya-button-reset path[fill],.kilya-button-link path[fill],.kilya-button-border path[fill],.kilya-button-default path[fill],.kilya-button-white rect[fill],.kilya-button-reset rect[fill],.kilya-button-link rect[fill],.kilya-button-border rect[fill],.kilya-button-default rect[fill],.kilya-button-white circle[fill],.kilya-button-reset circle[fill],.kilya-button-link circle[fill],.kilya-button-border circle[fill],.kilya-button-default circle[fill]{fill:currentColor;transition:.2s fill}.kilya-button-white path[stroke],.kilya-button-reset path[stroke],.kilya-button-link path[stroke],.kilya-button-border path[stroke],.kilya-button-default path[stroke],.kilya-button-white rect[stroke],.kilya-button-reset rect[stroke],.kilya-button-link rect[stroke],.kilya-button-border rect[stroke],.kilya-button-default rect[stroke],.kilya-button-white circle[stroke],.kilya-button-reset circle[stroke],.kilya-button-link circle[stroke],.kilya-button-border circle[stroke],.kilya-button-default circle[stroke]{stroke:currentColor;transition:.2s stroke}.kilya-button-white svg,.kilya-button-reset svg,.kilya-button-link svg,.kilya-button-border svg,.kilya-button-default svg{max-width:100%;width:100%;height:100%;object-fit:contain}.kilya-button-white,.kilya-button-reset,.kilya-button-link,.kilya-button-border,.kilya-button-default{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}.kilya-button-white:focus-visible,.kilya-button-reset:focus-visible,.kilya-button-link:focus-visible,.kilya-button-border:focus-visible,.kilya-button-default:focus-visible{outline:none}.kilya-button-white:disabled,.kilya-button-reset:disabled,.kilya-button-link:disabled,.kilya-button-border:disabled,.kilya-button-default:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}.kilya-button-white,.kilya-button-border,.kilya-button-default{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}.kilya-button-white,.kilya-button-border,.kilya-button-default{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){.kilya-button-white:hover,.kilya-button-border:hover,.kilya-button-default:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){.kilya-button-white:active,.kilya-button-border:active,.kilya-button-default:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}.kilya-button-white:active,.kilya-button-border:active,.kilya-button-default:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}.kilya-button-default{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-button-border{--background-color: transparent;--color: var(--color-text, #000);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-button-link{--color: var(--color-link, #1677ff);--hover-color: var(--hover-color-link, #4096ff);--pressed-color: var(--pressed-color-link, #0958d9);color:var(--color);border:none;border-radius:0}@media(hover:hover){.kilya-button-link:hover{color:var(--hover-color)}}@media(hover:none){.kilya-button-link:active{color:var(--hover-color)}}.kilya-button-link:active{color:var(--pressed-color)}.kilya-button-white{--background-color: var(--bg-white, #fff);--color: var(--color-text, #000);--border-color: var(--bg-white, #fff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}._kilya-button-close_cfuu0_1 path[fill],._kilya-button-close_cfuu0_1 rect[fill],._kilya-button-close_cfuu0_1 circle[fill]{fill:currentColor;transition:.2s fill}._kilya-button-close_cfuu0_1 path[stroke],._kilya-button-close_cfuu0_1 rect[stroke],._kilya-button-close_cfuu0_1 circle[stroke]{stroke:currentColor;transition:.2s stroke}._kilya-button-close_cfuu0_1 svg{max-width:100%;width:100%;height:100%;object-fit:contain}._kilya-button-close_cfuu0_1{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}._kilya-button-close_cfuu0_1:focus-visible{outline:none}._kilya-button-close_cfuu0_1:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}._kilya-button-close_cfuu0_1{--ava: 1.875rem;max-width:var(--ava);min-width:var(--ava);width:var(--ava);height:var(--ava);max-height:var(--ava);font-size:0;position:relative;border-radius:.25rem;color:var(--button-color-close)}@media(hover:hover){._kilya-button-close_cfuu0_1:hover{color:var(--button-hover-color-close)}}@media(hover:none){._kilya-button-close_cfuu0_1:active{color:var(--button-hover-color-close)}}._kilya-button-close_cfuu0_1:before{content:"";height:100dvh;position:fixed;left:50%;top:50%;translate:-50% -50%;width:100vw;z-index:-1}._kilya-button-close_cfuu0_1 path{stroke:currentColor;stroke-width:.125rem}.kilya-input-button path[fill],.kilya-input-submit path[fill],.kilya-input-reset path[fill],.kilya-input-button rect[fill],.kilya-input-submit rect[fill],.kilya-input-reset rect[fill],.kilya-input-button circle[fill],.kilya-input-submit circle[fill],.kilya-input-reset circle[fill]{fill:currentColor;transition:.2s fill}.kilya-input-button path[stroke],.kilya-input-submit path[stroke],.kilya-input-reset path[stroke],.kilya-input-button rect[stroke],.kilya-input-submit rect[stroke],.kilya-input-reset rect[stroke],.kilya-input-button circle[stroke],.kilya-input-submit circle[stroke],.kilya-input-reset circle[stroke]{stroke:currentColor;transition:.2s stroke}.kilya-input-button svg,.kilya-input-submit svg,.kilya-input-reset svg{max-width:100%;width:100%;height:100%;object-fit:contain}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}.kilya-input-button:focus-visible,.kilya-input-submit:focus-visible,.kilya-input-reset:focus-visible{outline:none}.kilya-input-button:disabled,.kilya-input-submit:disabled,.kilya-input-reset:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){.kilya-input-button:hover,.kilya-input-submit:hover,.kilya-input-reset:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){.kilya-input-button:active,.kilya-input-submit:active,.kilya-input-reset:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}.kilya-input-button:active,.kilya-input-submit:active,.kilya-input-reset:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}:root{--bg-primary: #1677ff;--bg-default: #d9d9d9;--bg-white: #fff;--color-text: #000;--color-white: #fff;--color-link: #1677ff;--br-default: #d9d9d9;--hover-bg-primary: #4096ff;--hover-bg-default: #0000000f;--hover-color-link: #4096ff;--hover-br-default: #0000000f;--focused-bg-primary: #4096ff;--focused-bg-default: #0000000f;--focused-color-link: #4096ff;--focused-br-default: #0000000f;--pressed-bg-primary: #0958d9;--pressed-bg-default: #00000026;--pressed-color-link: #0958d9;--pressed-br-default: #00000026;--disabled-bg-primary: #ddd;--disabled-bg-default: #ddd;--disabled-bg-white: #ddd;--disabled-color-text: #818181;--disabled-color-white: #818181;--disabled-color-link: #818181;--disabled-br-default: #ddd;--button-br-small: .25rem;--button-font-family: monospace;--button-font-size: 1rem;--button-font-weight: 300;--button-color-close: #000;--button-hover-color-close: #ff0000}html{font-size:16px}.kilya-input-color{width:50px;height:30px;padding:2px}.kilya-input-checkbox,.kilya-input-radio{margin-right:8px;transform:scale(1.2)}.kilya-input-date,.kilya-input-datetime-local,.kilya-input-month,.kilya-input-time,.kilya-input-week{border:1px solid #ccc;padding:8px;font-family:inherit}.kilya-input-file{padding:8px;border:1px dashed #ccc}.kilya-input-number,.kilya-input-text,.kilya-input-email,.kilya-input-password,.kilya-input-search,.kilya-input-tel,.kilya-input-url{border:1px solid #ccc;padding:8px 12px;border-radius:4px;font-size:14px}.kilya-input-image{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.kilya-input-hidden{display:none}.kilya-input-range{width:100%;height:6px}
+.kilya-button-white path[fill],.kilya-button-reset path[fill],.kilya-button-link path[fill],.kilya-button-border path[fill],.kilya-button-default path[fill],.kilya-button-white rect[fill],.kilya-button-reset rect[fill],.kilya-button-link rect[fill],.kilya-button-border rect[fill],.kilya-button-default rect[fill],.kilya-button-white circle[fill],.kilya-button-reset circle[fill],.kilya-button-link circle[fill],.kilya-button-border circle[fill],.kilya-button-default circle[fill]{fill:currentColor;transition:.2s fill}.kilya-button-white path[stroke],.kilya-button-reset path[stroke],.kilya-button-link path[stroke],.kilya-button-border path[stroke],.kilya-button-default path[stroke],.kilya-button-white rect[stroke],.kilya-button-reset rect[stroke],.kilya-button-link rect[stroke],.kilya-button-border rect[stroke],.kilya-button-default rect[stroke],.kilya-button-white circle[stroke],.kilya-button-reset circle[stroke],.kilya-button-link circle[stroke],.kilya-button-border circle[stroke],.kilya-button-default circle[stroke]{stroke:currentColor;transition:.2s stroke}.kilya-button-white svg,.kilya-button-reset svg,.kilya-button-link svg,.kilya-button-border svg,.kilya-button-default svg{max-width:100%;width:100%;height:100%;object-fit:contain}.kilya-button-white,.kilya-button-reset,.kilya-button-link,.kilya-button-border,.kilya-button-default{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}.kilya-button-white:focus-visible,.kilya-button-reset:focus-visible,.kilya-button-link:focus-visible,.kilya-button-border:focus-visible,.kilya-button-default:focus-visible{outline:none}.kilya-button-white:disabled,.kilya-button-reset:disabled,.kilya-button-link:disabled,.kilya-button-border:disabled,.kilya-button-default:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}.kilya-button-white,.kilya-button-border,.kilya-button-default{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}.kilya-button-white,.kilya-button-border,.kilya-button-default{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){.kilya-button-white:hover,.kilya-button-border:hover,.kilya-button-default:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){.kilya-button-white:active,.kilya-button-border:active,.kilya-button-default:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}.kilya-button-white:active,.kilya-button-border:active,.kilya-button-default:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}.kilya-button-default{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-button-border{--background-color: transparent;--color: var(--color-text, #000);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-button-link{--color: var(--color-link, #1677ff);--hover-color: var(--hover-color-link, #4096ff);--pressed-color: var(--pressed-color-link, #0958d9);color:var(--color);border:none;border-radius:0}@media(hover:hover){.kilya-button-link:hover{color:var(--hover-color)}}@media(hover:none){.kilya-button-link:active{color:var(--hover-color)}}.kilya-button-link:active{color:var(--pressed-color)}.kilya-button-white{--background-color: var(--bg-white, #fff);--color: var(--color-text, #000);--border-color: var(--bg-white, #fff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-input-button path[fill],.kilya-input-submit path[fill],.kilya-input-reset path[fill],.kilya-input-button rect[fill],.kilya-input-submit rect[fill],.kilya-input-reset rect[fill],.kilya-input-button circle[fill],.kilya-input-submit circle[fill],.kilya-input-reset circle[fill]{fill:currentColor;transition:.2s fill}.kilya-input-button path[stroke],.kilya-input-submit path[stroke],.kilya-input-reset path[stroke],.kilya-input-button rect[stroke],.kilya-input-submit rect[stroke],.kilya-input-reset rect[stroke],.kilya-input-button circle[stroke],.kilya-input-submit circle[stroke],.kilya-input-reset circle[stroke]{stroke:currentColor;transition:.2s stroke}.kilya-input-button svg,.kilya-input-submit svg,.kilya-input-reset svg{max-width:100%;width:100%;height:100%;object-fit:contain}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}.kilya-input-button:focus-visible,.kilya-input-submit:focus-visible,.kilya-input-reset:focus-visible{outline:none}.kilya-input-button:disabled,.kilya-input-submit:disabled,.kilya-input-reset:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){.kilya-input-button:hover,.kilya-input-submit:hover,.kilya-input-reset:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){.kilya-input-button:active,.kilya-input-submit:active,.kilya-input-reset:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}.kilya-input-button:active,.kilya-input-submit:active,.kilya-input-reset:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}:root{--bg-primary: #1677ff;--bg-default: #d9d9d9;--bg-white: #fff;--color-text: #000;--color-white: #fff;--color-link: #1677ff;--br-default: #d9d9d9;--hover-bg-primary: #4096ff;--hover-bg-default: #0000000f;--hover-color-link: #4096ff;--hover-br-default: #0000000f;--focused-bg-primary: #4096ff;--focused-bg-default: #0000000f;--focused-color-link: #4096ff;--focused-br-default: #0000000f;--pressed-bg-primary: #0958d9;--pressed-bg-default: #00000026;--pressed-color-link: #0958d9;--pressed-br-default: #00000026;--disabled-bg-primary: #ddd;--disabled-bg-default: #ddd;--disabled-bg-white: #ddd;--disabled-color-text: #818181;--disabled-color-white: #818181;--disabled-color-link: #818181;--disabled-br-default: #ddd;--button-br-small: .25rem;--button-font-family: monospace;--button-font-size: 1rem;--button-font-weight: 300;--button-color-close: #000;--button-hover-color-close: #ff0000}html{font-size:16px}.kilya-input-color{width:50px;height:30px;padding:2px}.kilya-input-checkbox,.kilya-input-radio{margin-right:8px;transform:scale(1.2)}.kilya-input-date,.kilya-input-datetime-local,.kilya-input-month,.kilya-input-time,.kilya-input-week{border:1px solid #ccc;padding:8px;font-family:inherit}.kilya-input-file{padding:8px;border:1px dashed #ccc}.kilya-input-number,.kilya-input-text,.kilya-input-email,.kilya-input-password,.kilya-input-search,.kilya-input-tel,.kilya-input-url{border:1px solid #ccc;padding:8px 12px;border-radius:4px;font-size:14px}.kilya-input-image{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.kilya-input-hidden{display:none}.kilya-input-range{width:100%;height:6px}