kilya-ui 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/kilya-ui.es.js +964 -822
- package/dist/kilya-ui.umd.js +199 -64
- package/package.json +1 -1
- package/dist/kilya-ui.css +0 -1
package/dist/kilya-ui.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
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-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}
|