@hbuesing/ui-library 10.0.0 → 10.0.1
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/index.css +1 -1
- package/package.json +8 -8
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--uil-black: #000000;--uil-black-w: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-box-shadow-w: rgba(0, 0, 0, .3);--uil-switch-hover-w: rgba(0, 0, 0, .05);--uil-white: #ffffff;--uil-white-b: #ffffff;--uil-white-alt: #ffffff;--uil-grey-light: #f3f3f3;--uil-grey-light-alt: rgba(243, 243, 243, 1);--uil-grey: #e9e9e9;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #757575;--uil-info-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-info: #2876CD;--uil-success: #00875A;--uil-warning: #FFD700;--uil-warning-alt: #84722A;--uil-error: #CF0934;--uil-info-o: rgba(39, 121, 202, .3);--uil-success-o: rgba(0, 156, 115, .3);--uil-warning-o: rgba(255, 215, 0, .3);--uil-error-o: rgba(207, 9, 52, .3);--uil-top: initial;--uil-bottom: initial;--uil-left: initial;--uil-right: initial;--uil-progress-delay: .25s;--uil-pulse-anim: 2.5s;--uil-xxxs: .125rem;--uil-xxs: .25rem;--uil-xs: .5rem;--uil-s: .75rem;--uil-m: 1rem;--uil-l: 1.25rem;--uil-xl: 1.5rem;--uil-xxl: 1.75rem;--uil-xxxl: 2rem}.si{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.ci{font-size:var(--uil-m);line-height:var(--uil-xl)}.bi{font-size:var(--uil-l);line-height:var(--uil-xxl)}.hi{font-size:var(--uil-xxl);line-height:2.25rem}.gi{--uil-black-w: #ffffff;--uil-black-alt: #c3c3c3;--uil-black-lighter: #dddddd;--uil-grey: #616161;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-grey-light-alt: rgba(243, 243, 243, .3);--uil-white-alt: #3a3a3a;--uil-white-b: #000000;--uil-info: #7bb4ff;--uil-info-hover: 123, 180, 255;--uil-success: #00cc96;--uil-success-hover: 0, 204, 150;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-info-o: rgba(123, 180, 255, .3);--uil-success-o: rgba(0, 204, 150, .3);--uil-warning-o: rgba(255, 255, 62, .3);--uil-error-o: rgba(251, 11, 65, .3);--uil-box-shadow-w: rgba(150, 150, 150, .3);--uil-switch-hover-w: rgba(255, 255, 255, .1)}.e{margin:auto;border-radius:6px;background-color:transparent;padding:0;border:transparent;--uil-dialog-component-padding: var(--uil-m)}.e::backdrop{background-color:#00000080}.e.ur{width:50%}@media(min-width:760px){.e.ur{width:25%}}@media(min-width:1920px){.e.ur{width:30%}}.e.dr{width:75%}@media(min-width:760px){.e.dr{width:50%}}@media(min-width:1920px){.e.dr{width:40%}}.e.sr{width:90%}@media(min-width:760px){.e.sr{width:75%}}@media(min-width:1920px){.e.sr{width:50%}}.e .vi{background-color:var(--uil-white-alt);border-radius:6px;display:flow-root}.e .P{--uil-dialog-title-background: transparent;--uil-dialog-title-font-color: var(--uil-black-w);font-weight:700;padding:var(--uil-dialog-component-padding);background-color:var(--uil-dialog-title-background);color:var(--uil-dialog-title-font-color)}.e .P.pi{--uil-dialog-title-background: var(--uil-info);--uil-dialog-title-font-color: var(--uil-white)}.e .P.xi{--uil-dialog-title-background: var(--uil-success);--uil-dialog-title-font-color: var(--uil-white)}.e .P.fi{--uil-dialog-title-background: var(--uil-warning);--uil-dialog-title-font-color: var(--uil-black-light)}.e .P.wi{--uil-dialog-title-background: var(--uil-error);--uil-dialog-title-font-color: var(--uil-white)}.e .Ar{padding:var(--uil-dialog-component-padding)}.e .Ar.mi{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .V{display:flex;gap:var(--uil-xxxl);padding:var(--uil-dialog-component-padding)}.e .V.ki{justify-content:start}.e .V.yi{justify-content:end}.e .V.zi{justify-content:space-between}.s{display:flex;flex-direction:column;gap:var(--uil-m);background-color:transparent;border:none;padding:var(--uil-xs);height:60%;max-height:60%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;z-index:2147483647;position:fixed;top:var(--uil-top);bottom:var(--uil-bottom);left:var(--uil-left);right:var(--uil-right)}.s.Yi{--uil-top: var(--uil-l)}.s.ji{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.s.Fi{left:50%;transform:translate(-50%)}.s.Xi{top:50%;transform:translateY(-50%)}.s.Ai{left:50%;top:50%;transform:translate(-50%)}.s.Ci{--uil-left: var(--uil-l)}.s.Di{--uil-right: var(--uil-l);align-items:end}.s::-webkit-scrollbar{display:none}.s .j{display:flex;align-items:center;gap:var(--uil-s);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:3px;transition:all .5s linear;transform:translateY(6px);box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-webkit-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-moz-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w)}.s .j.Ei{opacity:1;transform:translateY(0)}.s .j.qi{opacity:0;transform:translateY(-6px)}.s .j.Bi{color:var(--uil-white);background-color:var(--uil-info)}.s .j.Gi{color:var(--uil-white);background-color:var(--uil-success)}.s .j.Hi{color:var(--uil-black);background-color:var(--uil-warning)}.s .j.Ii{color:var(--uil-white);background-color:var(--uil-error)}.s .j .Cr{height:var(--uil-s);width:var(--uil-s);box-sizing:content-box;padding:var(--uil-xs);border-radius:50%;cursor:pointer;border:none;background-color:transparent;fill:var(--uil-white-b)}.s .j .Cr:hover{background-color:#0000001a}.x{display:flex;align-items:center;gap:var(--uil-s)}.x:has(input:disabled) .Dr{color:var(--uil-grey-dark)}.x .Dr{color:var(--uil-black-w)}.x .y{position:relative;display:block;min-height:var(--uil-l);min-width:var(--uil-l);border:2px solid var(--uil-grey-dark);box-sizing:border-box;cursor:pointer}.x .y:hover,.x .y:has(input:checked){border-color:var(--uil-black-w)}.x .y.Ji{border-radius:2px}.x .y.Er,.x .y.Er .Ki{border-radius:50%}.x .y:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.x .y input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.x .y input:checked~.cr{transform:scale(1)}.x .y input:disabled~.cr{background-color:var(--uil-grey-dark)}.x .y .cr{position:absolute;top:25%;left:25%;background-color:var(--uil-info);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.br{display:flex;gap:var(--uil-m)}.br.Li{flex-direction:row}.br.Mi{flex-direction:column}.D{--uil-pagination-size: var(--uil-xl);color:var(--uil-black-w);display:flex;align-items:center;margin:0;padding:0;min-height:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}@media(min-width:760px){.D{--uil-pagination-size: var(--uil-xxl)}}.D .J{border:none;outline:none;background-color:transparent;padding:var(--uil-xxs);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;height:var(--uil-pagination-size);width:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}.D .J:disabled{cursor:default}.D .J:disabled .qr{fill:var(--uil-grey-alt)}.D .J.Ni,.D .J:not(:disabled):hover{background-color:var(--uil-grey)}.D .J .qr{fill:var(--uil-black-lighter);height:100%;width:100%}.W{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.W{gap:var(--uil-s)}}.W .Br{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.W .Br .Oi{fill:var(--uil-grey-dark)}.E{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.E.Gr{animation:1.5s ease-in-out 0s infinite Hr}.E.Gr .K{animation:1.5s ease-in-out 0s infinite Ir}.E .K{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.E .K.hr{stroke:var(--uil-info)}.E .K.gr{stroke:var(--uil-success)}.E .K.vr{stroke:var(--uil-warning)}.E .K.pr{stroke:var(--uil-error)}@keyframes Ir{0%{stroke-dasharray:1px,120px;stroke-dashoffset:0}50%{stroke-dasharray:90px,120px;stroke-dashoffset:-10px}to{stroke-dasharray:1px,120px;stroke-dashoffset:-120px}}@keyframes Hr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w{overflow:hidden;position:relative;width:6rem;height:6px}.w.hr{background-color:var(--uil-info-o)}.w.gr{background-color:var(--uil-success-o)}.w.vr{background-color:var(--uil-warning-o)}.w.pr{background-color:var(--uil-error-o)}.w.Pi{background-color:var(--uil-grey-alt)}.w .G{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.w .G.Qi{animation:2.5s ease-in-out 0s infinite Jr}.w .G.Ri{animation:2.5s ease-in-out 0s infinite Kr}.w .G.hr{background-color:var(--uil-info)}.w .G.gr{background-color:var(--uil-success)}.w .G.vr{background-color:var(--uil-warning)}.w .G.pr{background-color:var(--uil-error)}@keyframes Jr{0%{left:-25%;right:100%}70%{left:100%;right:-80%}to{left:100%}}@keyframes Kr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-160%}}.Lr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Lr .Si{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.m{width:100%;height:100%;position:fixed;top:0;z-index:99;transition:all .5s ease-in-out;display:flex;flex-direction:column;gap:var(--uil-xl);box-sizing:border-box;padding:var(--uil-xl) 2rem;background-color:var(--uil-white-alt);color:var(--uil-black-w)}@media(min-width:760px){.m{min-width:50%;width:auto}}@media(min-width:1025px){.m{min-width:40%}}@media(min-width:1250px){.m{min-width:25%}}@media(min-width:1920px){.m{min-width:15%}}.m.Mr{right:100%}.m.Mr.Nr{transform:translate(100%)}.m.Or{left:100%}.m.Or.Nr{transform:translate(-100%)}.m nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.m .Ti{font-size:var(--uil-xxl);line-height:var(--uil-xxl);font-weight:400;width:100%;padding-bottom:var(--uil-xxs);margin-top:var(--uil-xxxl);border-bottom:1px solid var(--uil-grey-dark);cursor:default}.m .Pr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.m .Pr:hover{font-size:var(--uil-xxl);opacity:1}.Ui{position:fixed;inset:0;background-color:var(--uil-black);opacity:.5;z-index:90}.r{width:100%;--uil-input-focus-color: var(--uil-info)}.r .i{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.r .i.f{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .l{padding-left:0}.r .i.f .F{left:0}.r .i.f .h{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .u.Z{margin-right:.875rem}.r .i.f~.xr{margin-left:0}.r .i.k,.r .i.k .h{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.k .u.Z{margin-left:.875rem}.r .i.k .u.Vi{margin-right:.875rem}.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h{border-color:var(--uil-black-w)}.r .i.f:focus-within,.r .i.f:has(.l:not(:placeholder-shown)),.r .i.f:has(.l:disabled:not(:placeholder-shown)),.r .i.f:has(.u.X),.r .i.k:focus-within,.r .i.k:has(.l:not(:placeholder-shown)),.r .i.k:has(.l:disabled:not(:placeholder-shown)),.r .i.k:has(.u.X){border-color:transparent}.r .i.f:has(.u.Z),.r .i.k:has(.u.Z){flex-direction:row-reverse}.r .i.f:has(.l:disabled):not(:has(.u.X)),.r .i.k:has(.l:disabled):not(:has(.u.X)){border-color:var(--uil-grey-alt)}.r .i.Y .F{color:var(--uil-error);opacity:1}.r .i.Y,.r .i.Y .h{border-color:var(--uil-error)}.r .i:not(.Y) .l:not(:disabled):focus~.F{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.Y) .l:focus~.h{border-color:var(--uil-input-focus-color)}.r .i .h{border-radius:0;padding:var(--uil-xs);margin:0;position:absolute;left:0;right:0;bottom:0;pointer-events:none;visibility:hidden;border:none;min-height:2.1875rem;box-sizing:content-box;font-size:var(--uil-m)}.r .i .h .Wi{visibility:hidden;padding:0 2px}.r .i .F{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease;font-size:var(--uil-m)}.r .i .F.Zi{top:var(--uil-m)}.r .i .Q{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .Q._i{margin-left:var(--uil-xxxs)}.r .i .l{box-sizing:border-box;width:100%;color:var(--uil-black-w);background-color:transparent;border-radius:0;padding:var(--uil-xs);padding-left:.65rem;border:none;outline:none}.r .i .l:disabled{color:var(--uil-grey-dark)}.r .i .l:disabled~.h,.r .i .l:disabled:not(:placeholder-shown)~.h{border-color:var(--uil-grey-alt)}.r .i .l:disabled~.F{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .l:focus~.u.fr,.r .i .l:not(:placeholder-shown)~.u.fr{visibility:visible}.r .i .l:focus~.h{border-width:2px;padding:7px}.r .i .Qr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Qr~.h{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75;cursor:default;border:none;background-color:transparent}.r .i .u.fr{visibility:hidden}.r .i .u.Rr{display:flex;align-items:center;cursor:pointer;padding:0}.r .i .u.Rr:disabled{color:var(--uil-grey-dark);cursor:default}.r .i .l:focus~*.h,.r .i .l:not(:placeholder-shown)~*.h,.r .i .u.X~*.h{visibility:visible}.r .i .l:focus~*.F,.r .i .l:not(:placeholder-shown)~*.F,.r .i .u.X~*.F{top:-.65rem}.r .i .l:focus~* .Q,.r .i .l:not(:placeholder-shown)~* .Q,.r .i .u.X~* .Q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .xr{color:var(--uil-grey-dark);font-size:var(--uil-m);line-height:var(--uil-m);margin-left:var(--uil-s);margin-top:var(--uil-xxs);min-height:var(--uil-m)}.r .xr.Y{color:var(--uil-error)}.o{position:relative;width:250px}.o.z .q{border-width:2px;border-color:var(--uil-info)}.o.z .L{color:var(--uil-info)}.o.A:not(.z) .q{border-color:var(--uil-black-w)}.o.A:not(.z) .L{color:var(--uil-black-w)}.o.z .q,.o.A .q{visibility:visible;transform:translateY(-.5em)}.o.z .L,.o.A .L{top:-.6rem;font-size:var(--uil-m);opacity:1}.o.z .g,.o.A .g{border-color:transparent}.o:not(:has(.g:disabled)):not(.z):not(.A):hover .g{border-color:var(--uil-black-lighter)}.o:not(:has(.g:disabled)):not(.z):not(.A) .g:focus{border-color:var(--uil-black-w);border-width:2px}.o:not(:has(.g:disabled)):not(.z):has(.g:focus) .q{border-color:var(--uil-black-w);border-width:2px}.o:has(.g:disabled):not(.A) .g{border-color:var(--uil-grey-alt)}.o:has(.g:disabled).A .q{border-color:var(--uil-grey-alt)}.o .q{position:absolute;inset:0;pointer-events:none;visibility:hidden;border:1px solid var(--uil-grey-dark);border-radius:var(--uil-xs);padding:0 .5rem;box-sizing:border-box;min-height:52px;margin:0;outline:none}.o .q legend{visibility:hidden;padding:0 2px;font-size:var(--uil-m)}.o .L{position:absolute;top:25%;left:.7rem;cursor:pointer;color:var(--uil-black-w);opacity:.6;transition:top .25s ease,font-size .2s ease;font-size:1.125rem}.o .g{width:100%;padding:var(--uil-xs);font-size:1.125rem;line-height:var(--uil-l);border:1px solid var(--uil-grey-dark);background-color:transparent;color:var(--uil-black-w);border-radius:var(--uil-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);cursor:pointer;min-height:44px;outline:none}.o .g:disabled{cursor:default;color:var(--uil-grey-dark)}.o .g:disabled .Sr{fill:var(--uil-grey-dark)}.o .g:disabled~.L{cursor:default;color:var(--uil-grey-dark)}.o .Sr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);opacity:.8}.o .b{position:absolute;top:100%;width:100%;background-color:var(--uil-white-alt);border-radius:9px;padding:.75rem;box-sizing:border-box;margin-top:.25rem;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px #00000014,0 8px 24px #0000001f;opacity:0;visibility:hidden;transform-origin:top center;transform:translateY(-.5rem) scale(.96);transition:opacity .2s ease,transform .2s ease,visibility .1s ease}.o .b.ro{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.o .b .M{width:100%;display:flex;justify-content:space-between;gap:.25rem;margin-bottom:1rem;color:var(--uil-black-w)}.o .b .M ._{border:none;background-color:transparent;padding:0;cursor:pointer}.o .b .M ._:disabled{cursor:default}.o .b .M ._:disabled .Tr{fill:var(--uil-grey-dark)}.o .b .M ._ .Tr{width:1rem;height:1rem;fill:var(--uil-black-w)}.o .b .M span{font-weight:500}.o .b .io .H{width:1.75rem;height:1rem;font-size:.8rem;text-align:center;color:var(--uil-black-w)}.o .b .oo td{height:6px}.o .b .N .H{width:1.75rem;height:1.75rem;padding:0;background-color:transparent;border:none;color:var(--uil-grey-dark);border-radius:4px}.o .b .N .H:not(:disabled):not(.rr):hover{background-color:var(--uil-info-o);color:var(--uil-black-w)}.o .b .N .H:not(:disabled):not(.rr).z{color:var(--uil-black-w)}.o .b .N .H.rr{color:var(--uil-white);background-color:var(--uil-info)}.o .b .N .H:not(.rr).lo{border:1px solid var(--uil-black-alt)}.o .b .N .H:disabled{background-color:var(--uil-grey)}.R{gap:var(--uil-xs)}@media(min-width:760px){.R{gap:var(--uil-m)}}.R .ao{color:var(--uil-black-alt);background-color:var(--uil-white-alt);border:1px solid var(--uil-black-alt);border-radius:3px;outline:none;padding:var(--uil-xxs) var(--uil-xxs) var(--uil-xxs) 0;height:100%}.R p{margin:0}.R .to{display:flex;gap:var(--uil-xxs);height:100%}.v{width:100%;color:var(--uil-black-w);background-color:var(--uil-white-alt);box-shadow:0 1px 3px -1px var(--uil-grey-alt);border:1px solid var(--uil-grey-alt);border-radius:5px}.v[open]{overflow-x:auto}.v[open] .C.eo{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.v[open] .C .ir{rotate:90deg}.v .C{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.v .C::marker{content:none}.v .C::-webkit-details-marker{display:none}.v .C.no .ir{margin-right:var(--uil-s)}.v .C.Ur{flex-direction:row-reverse;justify-content:space-between}.v .C.Ur .ir{margin-left:var(--uil-s)}.v .C .ir{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.v .uo{padding:var(--uil-xs)}.or{display:flex;flex-direction:column}.or .v{border-radius:unset;border-bottom:none}.or .v:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.or .v:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.B{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.B.do li:last-child{font-weight:700}.B li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.B .Vr:last-child,.B .Vr:hover{color:var(--uil-black-w)}.B .wr{background-color:transparent;border:none;padding:0;margin:0}.B .wr svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.B .wr svg:hover{fill:var(--uil-black-w)}.Wr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Wr.so{animation:ease-in-out var(--uil-pulse-anim) infinite Zr}@keyframes Zr{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.n{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.n.lr{box-shadow:0 0 2px 0 var(--uil-black-alt)}.n.co{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.n.bo{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.n.mr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.n.mr.ar,.n.mr.kr{--uil-button-color: var(--uil-warning-alt)}.n.ho{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.n:not(:disabled).lr{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.n:not(:disabled).lr:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.n:not(:disabled).ar{color:var(--uil-button-color);border-color:var(--uil-button-color)}.n:not(:disabled).ar:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n:not(:disabled).kr{color:var(--uil-button-color)}.n:not(:disabled).kr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n.yr{cursor:default;color:var(--uil-grey-dark)}.n.yr.lr{background-color:var(--uil-grey-light)}.n.yr.ar{border-color:var(--uil-grey-dark)}.n._r{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.n._r.zr{border-radius:var(--uil-m)}.n.ri{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ri.zr{border-radius:var(--uil-xl)}.n.ii{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ii.zr{border-radius:var(--uil-xxl)}.a{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.a.tr{padding:.7rem 0;width:var(--uil-xxxl)}.a.tr .p{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.a.tr .p:has(input:checked){left:calc(100% - var(--uil-m))}.a.tr .S{border-radius:6px}.a.er{padding:var(--uil-xs) 0;width:2.75rem}.a.er .p{width:var(--uil-l);height:var(--uil-l);top:.375rem}.a.er .p:has(input:checked){left:calc(100% - var(--uil-l))}.a.er .S{border-radius:9px}.a.nr{padding:var(--uil-xxs) 0;width:4.25rem}.a.nr .p{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.a.nr .p:has(input:checked){left:calc(100% - var(--uil-xxxl))}.a.nr .S{border-radius:var(--uil-s)}.a.go{--uil-switch-color: var(--uil-info)}.a.vo{--uil-switch-color: var(--uil-success)}.a.po{--uil-switch-color: var(--uil-warning)}.a.xo{--uil-switch-color: var(--uil-error)}.a .S{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.a .p{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.a .p:not(:has(input:disabled)):hover,.a .p:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.a .p:not(:has(input:disabled)):has(input:checked)~.S{background-color:var(--uil-switch-color)}.a .p:not(:has(input:disabled)):has(input:checked) .Yr{background-color:var(--uil-switch-color)}.a .p:has(input:disabled){cursor:default}.a .p:has(input:disabled) .Yr{background-color:var(--uil-grey-dark)}.a .p .Yr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.a .p input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.t{position:relative;width:100%;min-width:10rem}.t .I{padding:var(--uil-xs);font-size:var(--uil-l);line-height:var(--uil-xl);border:1px solid var(--uil-grey-dark);background-color:var(--uil-white-alt);border-radius:var(--uil-xs);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);color:var(--uil-black-w);cursor:pointer;white-space:nowrap}.t .I:hover,.t .I:focus{border-color:var(--uil-black-alt)}.t .I.jr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light-alt);border-color:var(--uil-grey-dark)}.t .I.jr .oi{fill:var(--uil-grey-dark)}.t .I .fo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t .I .oi{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.t .c{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--uil-white-alt);width:100%;border:1px solid var(--uil-black-alt);border-radius:var(--uil-xs);cursor:default;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .1s ease;z-index:999;overflow:hidden}.t .c.li{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.t .c.ai{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.t .c.li.ti,.t .c.ai.ti{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.t .c .T{max-height:200px;overflow-y:auto}.t .c .T::-webkit-scrollbar{width:6px}.t .c .T::-webkit-scrollbar-track{background:transparent}.t .c .T::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.t .c .T::-webkit-scrollbar-thumb:hover{background-color:#0006}.t .c .wo{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline;padding:var(--uil-xs)}.t .c .O{cursor:pointer;color:var(--uil-black-w);padding:var(--uil-xs);--uil-is-active: var(--uil-grey-light-alt);--uil-is-selected: rgba(123, 180, 255, .2)}.t .c .O:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.t .c .O:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.t .c .O.mo{background-color:var(--uil-is-active)}.t .c .O.ko{background-color:var(--uil-is-selected)}.t .c .O.jr{color:var(--uil-grey-dark);cursor:default}.d{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.d.Fr{cursor:pointer}.d.Fr:focus,.d.Fr:hover{opacity:.85}.d.ei{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.d.ni{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.d.ui{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.d.yo{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.d.Xr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.d.Xr .U{fill:var(--uil-tag-color)}.d.zo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.d.Yo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.d.jo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.d.di{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.d.di.Xr{--uil-tag-color: var(--uil-warning-alt)}.d.Fo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.d .U{cursor:pointer}.d .U.ei{width:var(--uil-m);height:var(--uil-m)}.d .U.ni{width:var(--uil-xl);height:var(--uil-xl)}.d .U.ui{width:var(--uil-xxl);height:var(--uil-xxl)}
|
|
1
|
+
:root{--uil-black: #000000;--uil-black-w: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-box-shadow-w: rgba(0, 0, 0, .3);--uil-switch-hover-w: rgba(0, 0, 0, .05);--uil-white: #ffffff;--uil-white-b: #ffffff;--uil-white-alt: #ffffff;--uil-grey-light: #f3f3f3;--uil-grey-light-alt: rgba(243, 243, 243, 1);--uil-grey: #e9e9e9;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #757575;--uil-info-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-info: #2876CD;--uil-success: #00875A;--uil-warning: #FFD700;--uil-warning-alt: #84722A;--uil-error: #CF0934;--uil-info-o: rgba(39, 121, 202, .3);--uil-success-o: rgba(0, 156, 115, .3);--uil-warning-o: rgba(255, 215, 0, .3);--uil-error-o: rgba(207, 9, 52, .3);--uil-top: initial;--uil-bottom: initial;--uil-left: initial;--uil-right: initial;--uil-progress-delay: .25s;--uil-pulse-anim: 2.5s;--uil-xxxs: .125rem;--uil-xxs: .25rem;--uil-xs: .5rem;--uil-s: .75rem;--uil-m: 1rem;--uil-l: 1.25rem;--uil-xl: 1.5rem;--uil-xxl: 1.75rem;--uil-xxxl: 2rem}.si{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.ci{font-size:var(--uil-m);line-height:var(--uil-xl)}.bi{font-size:var(--uil-l);line-height:var(--uil-xxl)}.hi{font-size:var(--uil-xxl);line-height:2.25rem}.gi{--uil-black-w: #ffffff;--uil-black-alt: #c3c3c3;--uil-black-lighter: #dddddd;--uil-grey: #616161;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-grey-light-alt: rgba(243, 243, 243, .3);--uil-white-alt: #3a3a3a;--uil-white-b: #000000;--uil-info: #7bb4ff;--uil-info-hover: 123, 180, 255;--uil-success: #00cc96;--uil-success-hover: 0, 204, 150;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-info-o: rgba(123, 180, 255, .3);--uil-success-o: rgba(0, 204, 150, .3);--uil-warning-o: rgba(255, 255, 62, .3);--uil-error-o: rgba(251, 11, 65, .3);--uil-box-shadow-w: rgba(150, 150, 150, .3);--uil-switch-hover-w: rgba(255, 255, 255, .1)}.e{margin:auto;border-radius:6px;background-color:transparent;padding:0;border:transparent;--uil-dialog-component-padding: var(--uil-m)}.e::backdrop{background-color:#00000080}.e.ur{width:50%}@media(min-width:760px){.e.ur{width:25%}}@media(min-width:1920px){.e.ur{width:30%}}.e.dr{width:75%}@media(min-width:760px){.e.dr{width:50%}}@media(min-width:1920px){.e.dr{width:40%}}.e.sr{width:90%}@media(min-width:760px){.e.sr{width:75%}}@media(min-width:1920px){.e.sr{width:50%}}.e .vi{background-color:var(--uil-white-alt);border-radius:6px;display:flow-root}.e .P{--uil-dialog-title-background: transparent;--uil-dialog-title-font-color: var(--uil-black-w);font-weight:700;padding:var(--uil-dialog-component-padding);background-color:var(--uil-dialog-title-background);color:var(--uil-dialog-title-font-color)}.e .P.pi{--uil-dialog-title-background: var(--uil-info);--uil-dialog-title-font-color: var(--uil-white)}.e .P.xi{--uil-dialog-title-background: var(--uil-success);--uil-dialog-title-font-color: var(--uil-white)}.e .P.fi{--uil-dialog-title-background: var(--uil-warning);--uil-dialog-title-font-color: var(--uil-black-light)}.e .P.wi{--uil-dialog-title-background: var(--uil-error);--uil-dialog-title-font-color: var(--uil-white)}.e .Ar{padding:var(--uil-dialog-component-padding)}.e .Ar.mi{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .V{display:flex;gap:var(--uil-xxxl);padding:var(--uil-dialog-component-padding)}.e .V.ki{justify-content:start}.e .V.yi{justify-content:end}.e .V.zi{justify-content:space-between}.s{display:flex;flex-direction:column;gap:var(--uil-m);background-color:transparent;border:none;padding:var(--uil-xs);height:60%;max-height:60%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;z-index:2147483647;position:fixed;top:var(--uil-top);bottom:var(--uil-bottom);left:var(--uil-left);right:var(--uil-right)}.s.Yi{--uil-top: var(--uil-l)}.s.ji{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.s.Fi{left:50%;transform:translate(-50%)}.s.Xi{top:50%;transform:translateY(-50%)}.s.Ai{left:50%;top:50%;transform:translate(-50%)}.s.Ci{--uil-left: var(--uil-l)}.s.Di{--uil-right: var(--uil-l);align-items:end}.s::-webkit-scrollbar{display:none}.s .j{display:flex;align-items:center;gap:var(--uil-s);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:3px;transition:all .5s linear;transform:translateY(6px);box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-webkit-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-moz-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w)}.s .j.Ei{opacity:1;transform:translateY(0)}.s .j.qi{opacity:0;transform:translateY(-6px)}.s .j.Bi{color:var(--uil-white);background-color:var(--uil-info)}.s .j.Gi{color:var(--uil-white);background-color:var(--uil-success)}.s .j.Hi{color:var(--uil-black);background-color:var(--uil-warning)}.s .j.Ii{color:var(--uil-white);background-color:var(--uil-error)}.s .j .Cr{height:var(--uil-s);width:var(--uil-s);box-sizing:content-box;padding:var(--uil-xs);border-radius:50%;cursor:pointer;border:none;background-color:transparent;fill:var(--uil-white-b)}.s .j .Cr:hover{background-color:#0000001a}.x{display:flex;align-items:center;gap:var(--uil-s)}.x:has(input:disabled) .Dr{color:var(--uil-grey-dark)}.x .Dr{color:var(--uil-black-w)}.x .y{position:relative;display:block;min-height:var(--uil-l);min-width:var(--uil-l);border:2px solid var(--uil-grey-dark);box-sizing:border-box;cursor:pointer}.x .y:hover,.x .y:has(input:checked){border-color:var(--uil-black-w)}.x .y.Ji{border-radius:2px}.x .y.Er,.x .y.Er .Ki{border-radius:50%}.x .y:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.x .y input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.x .y input:checked~.cr{transform:scale(1)}.x .y input:disabled~.cr{background-color:var(--uil-grey-dark)}.x .y .cr{position:absolute;top:25%;left:25%;background-color:var(--uil-info);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.br{display:flex;gap:var(--uil-m)}.br.Li{flex-direction:row}.br.Mi{flex-direction:column}.D{--uil-pagination-size: var(--uil-xl);color:var(--uil-black-w);display:flex;align-items:center;margin:0;padding:0;min-height:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}@media(min-width:760px){.D{--uil-pagination-size: var(--uil-xxl)}}.D .J{border:none;outline:none;background-color:transparent;padding:var(--uil-xxs);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;height:var(--uil-pagination-size);width:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}.D .J:disabled{cursor:default}.D .J:disabled .qr{fill:var(--uil-grey-alt)}.D .J.Ni,.D .J:not(:disabled):hover{background-color:var(--uil-grey)}.D .J .qr{fill:var(--uil-black-lighter);height:100%;width:100%}.W{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.W{gap:var(--uil-s)}}.W .Br{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.W .Br .Oi{fill:var(--uil-grey-dark)}.E{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.E.Gr{animation:1.5s ease-in-out 0s infinite Hr}.E.Gr .K{animation:1.5s ease-in-out 0s infinite Ir}.E .K{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.E .K.hr{stroke:var(--uil-info)}.E .K.gr{stroke:var(--uil-success)}.E .K.vr{stroke:var(--uil-warning)}.E .K.pr{stroke:var(--uil-error)}@keyframes Ir{0%{stroke-dasharray:1px,120px;stroke-dashoffset:0}50%{stroke-dasharray:90px,120px;stroke-dashoffset:-10px}to{stroke-dasharray:1px,120px;stroke-dashoffset:-120px}}@keyframes Hr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w{overflow:hidden;position:relative;width:6rem;height:6px}.w.hr{background-color:var(--uil-info-o)}.w.gr{background-color:var(--uil-success-o)}.w.vr{background-color:var(--uil-warning-o)}.w.pr{background-color:var(--uil-error-o)}.w.Pi{background-color:var(--uil-grey-alt)}.w .G{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.w .G.Qi{animation:2.5s ease-in-out 0s infinite Jr}.w .G.Ri{animation:2.5s ease-in-out 0s infinite Kr}.w .G.hr{background-color:var(--uil-info)}.w .G.gr{background-color:var(--uil-success)}.w .G.vr{background-color:var(--uil-warning)}.w .G.pr{background-color:var(--uil-error)}@keyframes Jr{0%{left:-25%;right:100%}70%{left:100%;right:-80%}to{left:100%}}@keyframes Kr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-160%}}.Lr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Lr .Si{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.m{width:100%;height:100%;position:fixed;top:0;z-index:99;transition:all .5s ease-in-out;display:flex;flex-direction:column;gap:var(--uil-xl);box-sizing:border-box;padding:var(--uil-xl) 2rem;background-color:var(--uil-white-alt);color:var(--uil-black-w)}@media(min-width:760px){.m{min-width:50%;width:auto}}@media(min-width:1025px){.m{min-width:40%}}@media(min-width:1250px){.m{min-width:25%}}@media(min-width:1920px){.m{min-width:15%}}.m.Mr{right:100%}.m.Mr.Nr{transform:translate(100%)}.m.Or{left:100%}.m.Or.Nr{transform:translate(-100%)}.m nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.m .Ti{font-size:var(--uil-xxl);line-height:var(--uil-xxl);font-weight:400;width:100%;padding-bottom:var(--uil-xxs);margin-top:var(--uil-xxxl);border-bottom:1px solid var(--uil-grey-dark);cursor:default}.m .Pr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.m .Pr:hover{font-size:var(--uil-xxl);opacity:1}.Ui{position:fixed;inset:0;background-color:var(--uil-black);opacity:.5;z-index:90}.r{width:100%;--uil-input-focus-color: var(--uil-info)}.r .i{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.r .i.f{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .l{padding-left:0}.r .i.f .F{left:0}.r .i.f .h{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .u.Z{margin-right:.875rem}.r .i.f~.xr{margin-left:0}.r .i.k,.r .i.k .h{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.k .u.Z{margin-left:.875rem}.r .i.k .u.Vi{margin-right:.875rem}.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h{border-color:var(--uil-black-w)}.r .i.f:focus-within,.r .i.f:has(.l:not(:placeholder-shown)),.r .i.f:has(.l:disabled:not(:placeholder-shown)),.r .i.f:has(.u.X),.r .i.k:focus-within,.r .i.k:has(.l:not(:placeholder-shown)),.r .i.k:has(.l:disabled:not(:placeholder-shown)),.r .i.k:has(.u.X){border-color:transparent}.r .i.f:has(.u.Z),.r .i.k:has(.u.Z){flex-direction:row-reverse}.r .i.f:has(.l:disabled:placeholder-shown):not(:has(.u.X)),.r .i.k:has(.l:disabled:placeholder-shown):not(:has(.u.X)){border-color:var(--uil-grey-alt)}.r .i.Y .F{color:var(--uil-error);opacity:1}.r .i.Y,.r .i.Y .h{border-color:var(--uil-error)}.r .i:not(.Y) .l:not(:disabled):focus~.F{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.Y) .l:focus~.h{border-color:var(--uil-input-focus-color)}.r .i .h{border-radius:0;padding:var(--uil-xs);margin:0;position:absolute;left:0;right:0;bottom:0;pointer-events:none;visibility:hidden;border:none;min-height:2.1875rem;box-sizing:content-box;font-size:var(--uil-m)}.r .i .h .Wi{visibility:hidden;padding:0 2px}.r .i .F{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease;font-size:var(--uil-m)}.r .i .F.Zi{top:var(--uil-m)}.r .i .Q{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .Q._i{margin-left:var(--uil-xxxs)}.r .i .l{box-sizing:border-box;width:100%;color:var(--uil-black-w);background-color:transparent;border-radius:0;padding:var(--uil-xs);padding-left:.65rem;border:none;outline:none}.r .i .l:disabled{color:var(--uil-grey-dark)}.r .i .l:disabled~.h,.r .i .l:disabled:not(:placeholder-shown)~.h{border-color:var(--uil-grey-alt)}.r .i .l:disabled~.F{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .l:focus~.u.fr,.r .i .l:not(:placeholder-shown)~.u.fr{visibility:visible}.r .i .l:focus~.h{border-width:2px;padding:7px}.r .i .Qr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Qr~.h{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75;cursor:default;border:none;background-color:transparent}.r .i .u.fr{visibility:hidden}.r .i .u.Rr{display:flex;align-items:center;cursor:pointer;padding:0}.r .i .u.Rr:disabled{color:var(--uil-grey-dark);cursor:default}.r .i .l:focus~*.h,.r .i .l:not(:placeholder-shown)~*.h,.r .i .u.X~*.h{visibility:visible}.r .i .l:focus~*.F,.r .i .l:not(:placeholder-shown)~*.F,.r .i .u.X~*.F{top:-.65rem}.r .i .l:focus~* .Q,.r .i .l:not(:placeholder-shown)~* .Q,.r .i .u.X~* .Q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .xr{color:var(--uil-grey-dark);font-size:var(--uil-m);line-height:var(--uil-m);margin-left:var(--uil-s);margin-top:var(--uil-xxs);min-height:var(--uil-m)}.r .xr.Y{color:var(--uil-error)}.o{position:relative;width:250px}.o.z .q{border-width:2px;border-color:var(--uil-info)}.o.z .L{color:var(--uil-info)}.o.A:not(.z) .q{border-color:var(--uil-black-w)}.o.A:not(.z) .L{color:var(--uil-black-w)}.o.z .q,.o.A .q{visibility:visible;transform:translateY(-.5em)}.o.z .L,.o.A .L{top:-.6rem;font-size:var(--uil-m);opacity:1}.o.z .g,.o.A .g{border-color:transparent}.o:not(:has(.g:disabled)):not(.z):not(.A):hover .g{border-color:var(--uil-black-lighter)}.o:not(:has(.g:disabled)):not(.z):not(.A) .g:focus{border-color:var(--uil-black-w);border-width:2px}.o:not(:has(.g:disabled)):not(.z):has(.g:focus) .q{border-color:var(--uil-black-w);border-width:2px}.o:has(.g:disabled):not(.A) .g{border-color:var(--uil-grey-alt)}.o:has(.g:disabled).A .q{border-color:var(--uil-grey-alt)}.o .q{position:absolute;inset:0;pointer-events:none;visibility:hidden;border:1px solid var(--uil-grey-dark);border-radius:var(--uil-xs);padding:0 .5rem;box-sizing:border-box;min-height:52px;margin:0;outline:none}.o .q legend{visibility:hidden;padding:0 2px;font-size:var(--uil-m)}.o .L{position:absolute;top:25%;left:.7rem;cursor:pointer;color:var(--uil-black-w);opacity:.6;transition:top .25s ease,font-size .2s ease;font-size:1.125rem}.o .g{width:100%;padding:var(--uil-xs);font-size:1.125rem;line-height:var(--uil-l);border:1px solid var(--uil-grey-dark);background-color:transparent;color:var(--uil-black-w);border-radius:var(--uil-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);cursor:pointer;min-height:44px;outline:none}.o .g:disabled{cursor:default;color:var(--uil-grey-dark)}.o .g:disabled .Sr{fill:var(--uil-grey-dark)}.o .g:disabled~.L{cursor:default;color:var(--uil-grey-dark)}.o .Sr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);opacity:.8}.o .b{position:absolute;top:100%;width:100%;background-color:var(--uil-white-alt);border-radius:9px;padding:.75rem;box-sizing:border-box;margin-top:.25rem;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px #00000014,0 8px 24px #0000001f;opacity:0;visibility:hidden;transform-origin:top center;transform:translateY(-.5rem) scale(.96);transition:opacity .2s ease,transform .2s ease,visibility .1s ease}.o .b.ro{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.o .b .M{width:100%;display:flex;justify-content:space-between;gap:.25rem;margin-bottom:1rem;color:var(--uil-black-w)}.o .b .M ._{border:none;background-color:transparent;padding:0;cursor:pointer}.o .b .M ._:disabled{cursor:default}.o .b .M ._:disabled .Tr{fill:var(--uil-grey-dark)}.o .b .M ._ .Tr{width:1rem;height:1rem;fill:var(--uil-black-w)}.o .b .M span{font-weight:500}.o .b .io .H{width:1.75rem;height:1rem;font-size:.8rem;text-align:center;color:var(--uil-black-w)}.o .b .oo td{height:6px}.o .b .N .H{width:1.75rem;height:1.75rem;padding:0;background-color:transparent;border:none;color:var(--uil-grey-dark);border-radius:4px}.o .b .N .H:not(:disabled):not(.rr):hover{background-color:var(--uil-info-o);color:var(--uil-black-w)}.o .b .N .H:not(:disabled):not(.rr).z{color:var(--uil-black-w)}.o .b .N .H.rr{color:var(--uil-white);background-color:var(--uil-info)}.o .b .N .H:not(.rr).lo{border:1px solid var(--uil-black-alt)}.o .b .N .H:disabled{background-color:var(--uil-grey)}.R{gap:var(--uil-xs)}@media(min-width:760px){.R{gap:var(--uil-m)}}.R .ao{color:var(--uil-black-alt);background-color:var(--uil-white-alt);border:1px solid var(--uil-black-alt);border-radius:3px;outline:none;padding:var(--uil-xxs) var(--uil-xxs) var(--uil-xxs) 0;height:100%}.R p{margin:0}.R .to{display:flex;gap:var(--uil-xxs);height:100%}.v{width:100%;color:var(--uil-black-w);background-color:var(--uil-white-alt);box-shadow:0 1px 3px -1px var(--uil-grey-alt);border:1px solid var(--uil-grey-alt);border-radius:5px}.v[open]{overflow-x:auto}.v[open] .C.eo{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.v[open] .C .ir{rotate:90deg}.v .C{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.v .C::marker{content:none}.v .C::-webkit-details-marker{display:none}.v .C.no .ir{margin-right:var(--uil-s)}.v .C.Ur{flex-direction:row-reverse;justify-content:space-between}.v .C.Ur .ir{margin-left:var(--uil-s)}.v .C .ir{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.v .uo{padding:var(--uil-xs)}.or{display:flex;flex-direction:column}.or .v{border-radius:unset;border-bottom:none}.or .v:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.or .v:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.B{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.B.do li:last-child{font-weight:700}.B li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.B .Vr:last-child,.B .Vr:hover{color:var(--uil-black-w)}.B .wr{background-color:transparent;border:none;padding:0;margin:0}.B .wr svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.B .wr svg:hover{fill:var(--uil-black-w)}.Wr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Wr.so{animation:ease-in-out var(--uil-pulse-anim) infinite Zr}@keyframes Zr{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.n{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.n.lr{box-shadow:0 0 2px 0 var(--uil-black-alt)}.n.co{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.n.bo{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.n.mr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.n.mr.ar,.n.mr.kr{--uil-button-color: var(--uil-warning-alt)}.n.ho{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.n:not(:disabled).lr{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.n:not(:disabled).lr:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.n:not(:disabled).ar{color:var(--uil-button-color);border-color:var(--uil-button-color)}.n:not(:disabled).ar:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n:not(:disabled).kr{color:var(--uil-button-color)}.n:not(:disabled).kr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n.yr{cursor:default;color:var(--uil-grey-dark)}.n.yr.lr{background-color:var(--uil-grey-light)}.n.yr.ar{border-color:var(--uil-grey-dark)}.n._r{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.n._r.zr{border-radius:var(--uil-m)}.n.ri{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ri.zr{border-radius:var(--uil-xl)}.n.ii{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ii.zr{border-radius:var(--uil-xxl)}.a{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.a.tr{padding:.7rem 0;width:var(--uil-xxxl)}.a.tr .p{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.a.tr .p:has(input:checked){left:calc(100% - var(--uil-m))}.a.tr .S{border-radius:6px}.a.er{padding:var(--uil-xs) 0;width:2.75rem}.a.er .p{width:var(--uil-l);height:var(--uil-l);top:.375rem}.a.er .p:has(input:checked){left:calc(100% - var(--uil-l))}.a.er .S{border-radius:9px}.a.nr{padding:var(--uil-xxs) 0;width:4.25rem}.a.nr .p{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.a.nr .p:has(input:checked){left:calc(100% - var(--uil-xxxl))}.a.nr .S{border-radius:var(--uil-s)}.a.go{--uil-switch-color: var(--uil-info)}.a.vo{--uil-switch-color: var(--uil-success)}.a.po{--uil-switch-color: var(--uil-warning)}.a.xo{--uil-switch-color: var(--uil-error)}.a .S{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.a .p{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.a .p:not(:has(input:disabled)):hover,.a .p:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.a .p:not(:has(input:disabled)):has(input:checked)~.S{background-color:var(--uil-switch-color)}.a .p:not(:has(input:disabled)):has(input:checked) .Yr{background-color:var(--uil-switch-color)}.a .p:has(input:disabled){cursor:default}.a .p:has(input:disabled) .Yr{background-color:var(--uil-grey-dark)}.a .p .Yr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.a .p input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.t{position:relative;width:100%;min-width:10rem}.t .I{padding:var(--uil-xs);font-size:var(--uil-l);line-height:var(--uil-xl);border:1px solid var(--uil-grey-dark);background-color:var(--uil-white-alt);border-radius:var(--uil-xs);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);color:var(--uil-black-w);cursor:pointer;white-space:nowrap}.t .I:hover,.t .I:focus{border-color:var(--uil-black-alt)}.t .I.jr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light-alt);border-color:var(--uil-grey-dark)}.t .I.jr .oi{fill:var(--uil-grey-dark)}.t .I .fo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t .I .oi{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.t .c{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--uil-white-alt);width:100%;border:1px solid var(--uil-black-alt);border-radius:var(--uil-xs);cursor:default;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .1s ease;z-index:999;overflow:hidden}.t .c.li{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.t .c.ai{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.t .c.li.ti,.t .c.ai.ti{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.t .c .T{max-height:200px;overflow-y:auto}.t .c .T::-webkit-scrollbar{width:6px}.t .c .T::-webkit-scrollbar-track{background:transparent}.t .c .T::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.t .c .T::-webkit-scrollbar-thumb:hover{background-color:#0006}.t .c .wo{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline;padding:var(--uil-xs)}.t .c .O{cursor:pointer;color:var(--uil-black-w);padding:var(--uil-xs);--uil-is-active: var(--uil-grey-light-alt);--uil-is-selected: rgba(123, 180, 255, .2)}.t .c .O:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.t .c .O:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.t .c .O.mo{background-color:var(--uil-is-active)}.t .c .O.ko{background-color:var(--uil-is-selected)}.t .c .O.jr{color:var(--uil-grey-dark);cursor:default}.d{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.d.Fr{cursor:pointer}.d.Fr:focus,.d.Fr:hover{opacity:.85}.d.ei{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.d.ni{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.d.ui{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.d.yo{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.d.Xr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.d.Xr .U{fill:var(--uil-tag-color)}.d.zo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.d.Yo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.d.jo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.d.di{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.d.di.Xr{--uil-tag-color: var(--uil-warning-alt)}.d.Fo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.d .U{cursor:pointer}.d .U.ei{width:var(--uil-m);height:var(--uil-m)}.d .U.ni{width:var(--uil-xl);height:var(--uil-xl)}.d .U.ui{width:var(--uil-xxl);height:var(--uil-xxl)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@hbuesing/ui-library",
|
|
4
|
-
"version": "10.0.
|
|
4
|
+
"version": "10.0.1",
|
|
5
5
|
"description": "Collection of reusable ui components for react based applications",
|
|
6
6
|
"source": "src/index.ts",
|
|
7
7
|
"type": "module",
|
|
@@ -49,17 +49,17 @@
|
|
|
49
49
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@storybook/addon-a11y": "^10.4
|
|
53
|
-
"@storybook/react-vite": "^10.4
|
|
52
|
+
"@storybook/addon-a11y": "^10.5.4",
|
|
53
|
+
"@storybook/react-vite": "^10.5.4",
|
|
54
54
|
"@testing-library/react": "^16.3.2",
|
|
55
55
|
"@testing-library/user-event": "^14.6.1",
|
|
56
|
-
"@vitest/coverage-v8": "^4.1.
|
|
57
|
-
"esbuild": "0.28.
|
|
56
|
+
"@vitest/coverage-v8": "^4.1.10",
|
|
57
|
+
"esbuild": "0.28.1",
|
|
58
58
|
"esbuild-sass-plugin": "^3.7.0",
|
|
59
|
-
"eslint-plugin-storybook": "^10.4
|
|
59
|
+
"eslint-plugin-storybook": "^10.5.4",
|
|
60
60
|
"jsdom": "^29.1.1",
|
|
61
|
-
"storybook": "^10.4
|
|
61
|
+
"storybook": "^10.5.4",
|
|
62
62
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
63
|
-
"vitest": "^4.1.
|
|
63
|
+
"vitest": "^4.1.10"
|
|
64
64
|
}
|
|
65
65
|
}
|