@hbuesing/ui-library 11.1.0 → 11.1.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 +9 -9
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}.hi{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.gi{font-size:var(--uil-m);line-height:var(--uil-xl)}.vi{font-size:var(--uil-l);line-height:var(--uil-xxl)}.pi{font-size:var(--uil-xxl);line-height:2.25rem}.xi{--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 .fi{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.wi{--uil-dialog-title-background: var(--uil-info);--uil-dialog-title-font-color: var(--uil-white)}.e .P.mi{--uil-dialog-title-background: var(--uil-success);--uil-dialog-title-font-color: var(--uil-white)}.e .P.ki{--uil-dialog-title-background: var(--uil-warning);--uil-dialog-title-font-color: var(--uil-black-light)}.e .P.yi{--uil-dialog-title-background: var(--uil-error);--uil-dialog-title-font-color: var(--uil-white)}.e .Cr{padding:var(--uil-dialog-component-padding)}.e .Cr.zi{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.Yi{justify-content:start}.e .V.ji{justify-content:end}.e .V.Fi{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.Xi{--uil-top: var(--uil-l)}.s.Ai{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.s.Ci{left:50%;transform:translate(-50%)}.s.Di{top:50%;transform:translateY(-50%)}.s.Ei{left:50%;top:50%;transform:translate(-50%)}.s.qi{--uil-left: var(--uil-l)}.s.Bi{--uil-right: var(--uil-l);align-items:end}.s::-webkit-scrollbar{display:none}.s .j{display:flex;align-items:center;gap:var(--uil-l);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:6px;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.Gi{opacity:1;transform:translateY(0)}.s .j.Hi{opacity:0;transform:translateY(-6px)}.s .j.Ii{color:var(--uil-white);background-color:var(--uil-info)}.s .j.Ji{color:var(--uil-white);background-color:var(--uil-success)}.s .j.Dr{color:var(--uil-black);background-color:var(--uil-warning)}.s .j.Dr .cr{fill:var(--uil-black)}.s .j.Ki{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;fill:var(--uil-white-b);display:flex;align-items:center;justify-content:center;background-color:#0000000d}.s .j .cr:hover{background-color:#0000001a}.x{display:flex;align-items:center;gap:var(--uil-s)}.x:has(input:disabled) .Er{color:var(--uil-grey-dark)}.x .Er{color:var(--uil-black-w)}.x .z{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 .z:hover,.x .z:has(input:checked){border-color:var(--uil-black-w)}.x .z.Li{border-radius:2px}.x .z.qr,.x .z.qr .Mi{border-radius:50%}.x .z:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.x .z input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.x .z input:checked~.br{transform:scale(1)}.x .z input:disabled~.br{background-color:var(--uil-grey-dark)}.x .z .br{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}.hr{display:flex;gap:var(--uil-m)}.hr.Ni{flex-direction:row}.hr.Oi{flex-direction:column}.E{--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){.E{--uil-pagination-size: var(--uil-xxl)}}.E .K{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))}.E .K:disabled{cursor:default}.E .K:disabled .Br{fill:var(--uil-grey-alt)}.E .K.Pi,.E .K:not(:disabled):hover{background-color:var(--uil-grey)}.E .K .Br{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 .Gr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.W .Gr .Qi{fill:var(--uil-grey-dark)}.q{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.q.Hr{animation:1.5s ease-in-out 0s infinite Ir}.q.Hr .L{animation:1.5s ease-in-out 0s infinite Jr}.q .L{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.q .L.gr{stroke:var(--uil-info)}.q .L.vr{stroke:var(--uil-success)}.q .L.pr{stroke:var(--uil-warning)}.q .L.xr{stroke:var(--uil-error)}@keyframes Jr{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 Ir{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w{overflow:hidden;position:relative;width:6rem;height:6px}.w.gr{background-color:var(--uil-info-o)}.w.vr{background-color:var(--uil-success-o)}.w.pr{background-color:var(--uil-warning-o)}.w.xr{background-color:var(--uil-error-o)}.w.Ri{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.Si{animation:2.5s ease-in-out 0s infinite Kr}.w .G.Ti{animation:2.5s ease-in-out 0s infinite Lr}.w .G.gr{background-color:var(--uil-info)}.w .G.vr{background-color:var(--uil-success)}.w .G.pr{background-color:var(--uil-warning)}.w .G.xr{background-color:var(--uil-error)}@keyframes Kr{0%{left:-25%;right:100%}70%{left:100%;right:-80%}to{left:100%}}@keyframes Lr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-160%}}.Mr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Mr .Ui{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.Nr{right:100%}.m.Nr.Or{transform:translate(100%)}.m.Pr{left:100%}.m.Pr.Or{transform:translate(-100%)}.m nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.m .Vi{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 .Qr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.m .Qr:hover{font-size:var(--uil-xxl);opacity:1}.Wi{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 .X{left:0}.r .i.f .g{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .u.Z{margin-right:.875rem}.r .i.f~.fr{margin-left:0}.r .i.k,.r .i.k .g{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.k .u.Z{margin-left:.875rem}.r .i.k .u.Zi{margin-right:.875rem}.r .i.f:not(:has(.l:disabled)):not(.F):not(:focus-within):not(:has(.u.A)):has(.l:placeholder-shown):hover,.r .i.f:not(:has(.l:disabled)):not(.F):not(:focus-within):has(:not(.l:placeholder-shown)):hover .g,.r .i.k:not(:has(.l:disabled)):not(.F):not(:focus-within):not(:has(.u.A)):has(.l:placeholder-shown):hover,.r .i.k:not(:has(.l:disabled)):not(.F):not(:focus-within):has(:not(.l:placeholder-shown)):hover .g{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.A),.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.A){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.A)),.r .i.k:has(.l:disabled:placeholder-shown):not(:has(.u.A)){border-color:var(--uil-grey-alt)}.r .i.F .X{color:var(--uil-error);opacity:1}.r .i.F,.r .i.F .g{border-color:var(--uil-error)}.r .i:not(.F) .l:not(:disabled):focus~.X{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.F) .l:focus~.g{border-color:var(--uil-input-focus-color)}.r .i .g{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 .g ._i{visibility:hidden;padding:0 2px}.r .i .X{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 .X.ro{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.io{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~.g,.r .i .l:disabled:not(:placeholder-shown)~.g{border-color:var(--uil-grey-alt)}.r .i .l:disabled~.X{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .l:focus~.u.wr,.r .i .l:not(:placeholder-shown)~.u.wr{visibility:visible}.r .i .l:focus~.g{border-width:2px;padding:7px}.r .i .Rr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Rr~.g{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75;cursor:default;border:none;background-color:transparent}.r .i .u.wr{visibility:hidden}.r .i .u.Sr{display:flex;align-items:center;cursor:pointer;padding:0}.r .i .u.Sr:disabled{color:var(--uil-grey-dark);cursor:default}.r .i .l:focus~*.g,.r .i .l:not(:placeholder-shown)~*.g,.r .i .u.A~*.g{visibility:visible}.r .i .l:focus~*.X,.r .i .l:not(:placeholder-shown)~*.X,.r .i .u.A~*.X{top:-.65rem}.r .i .l:focus~* .Q,.r .i .l:not(:placeholder-shown)~* .Q,.r .i .u.A~* .Q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .fr{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 .fr.F{color:var(--uil-error)}.o{position:relative;width:100%;min-width:16rem}.o.Tr .Y,.o.Tr .c{border:1px solid}.o.Ur .Y,.o.Ur .c{border-bottom:1px solid;border-radius:0}.o.y .Y{border-width:2px;border-color:var(--uil-info)}.o.y .H{color:var(--uil-info)}.o.C:not(.y) .Y{border-color:var(--uil-black-w)}.o.C:not(.y) .H{color:var(--uil-black-w)}.o.y .Y,.o.C .Y{visibility:visible;transform:translateY(-.5em)}.o.y .H,.o.C .H{top:-.6rem;font-size:var(--uil-m)}.o.y .c,.o.C .c{border-color:transparent}.o.y .H{opacity:1}.o:not(:has(.c:disabled)):not(.y):not(.C):hover .c{border-color:var(--uil-black-lighter)}.o:not(:has(.c:disabled)):not(.y):not(.C) .c:focus{border-color:var(--uil-black-w);border-width:2px}.o:not(:has(.c:disabled)):not(.y):has(.c:focus) .Y{border-color:var(--uil-black-w);border-width:2px}.o:has(.c:disabled):not(.C) .c{border-color:var(--uil-grey-alt)}.o:has(.c:disabled).C .Y{border-color:var(--uil-grey-alt)}.o .Y,.o .c{border:hidden;border-color:var(--uil-grey-dark)}.o .Y{position:absolute;inset:0;pointer-events:none;visibility:hidden;border-radius:var(--uil-xs);padding:0 .5rem;box-sizing:border-box;min-height:52px;margin:0;outline:none}.o .Y legend{visibility:hidden;padding:0 2px;font-size:var(--uil-m)}.o .H{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 .c{width:100%;padding:var(--uil-xs);font-size:1.125rem;line-height:var(--uil-l);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 .c:disabled{cursor:default;color:var(--uil-grey-dark)}.o .c:disabled .Vr{fill:var(--uil-grey-dark)}.o .c:disabled~.H{cursor:default;color:var(--uil-grey-dark)}.o .Vr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);opacity:.8}.o .h{z-index:10;position:absolute;top:100%;right:.125rem;width:fit-content;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 .h.oo{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.o .h .M{width:100%;display:flex;justify-content:space-between;gap:.25rem;margin-bottom:1rem;color:var(--uil-black-w)}.o .h .M ._{border:none;background-color:transparent;padding:0;cursor:pointer}.o .h .M ._:disabled{cursor:default}.o .h .M ._:disabled .Wr{fill:var(--uil-grey-dark)}.o .h .M ._ .Wr{width:1rem;height:1rem;fill:var(--uil-black-w)}.o .h .M span{font-weight:500}.o .h .lo .I{width:1.75rem;height:1rem;font-size:.8rem;text-align:center;color:var(--uil-black-w)}.o .h .ao td{height:6px}.o .h .N .I{width:1.75rem;height:1.75rem;padding:0;background-color:transparent;border:none;color:var(--uil-grey-dark);border-radius:4px}.o .h .N .I:not(:disabled):not(.rr):hover{background-color:var(--uil-info-o);color:var(--uil-black-w)}.o .h .N .I:not(:disabled):not(.rr).y{color:var(--uil-black-w)}.o .h .N .I.rr{color:var(--uil-white);background-color:var(--uil-info)}.o .h .N .I:not(.rr).to{border:1px solid var(--uil-black-alt)}.o .h .N .I:disabled{background-color:var(--uil-grey)}.R{gap:var(--uil-xs)}@media(min-width:760px){.R{gap:var(--uil-m)}}.R .eo{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 .no{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] .D.uo{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.v[open] .D .ir{rotate:90deg}.v .D{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.v .D::marker{content:none}.v .D::-webkit-details-marker{display:none}.v .D.do .ir{margin-right:var(--uil-s)}.v .D.Zr{flex-direction:row-reverse;justify-content:space-between}.v .D.Zr .ir{margin-left:var(--uil-s)}.v .D .ir{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.v .so{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.co li:last-child{font-weight:700}.B li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.B ._r:last-child,.B ._r:hover{color:var(--uil-black-w)}.B .mr{background-color:transparent;border:none;padding:0;margin:0}.B .mr svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.B .mr svg:hover{fill:var(--uil-black-w)}.ri{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.ri.bo{animation:ease-in-out var(--uil-pulse-anim) infinite ii}@keyframes ii{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.ho{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.n.go{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.n.kr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.n.kr.ar,.n.kr.yr{--uil-button-color: var(--uil-warning-alt)}.n.vo{--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).yr{color:var(--uil-button-color)}.n:not(:disabled).yr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n.zr{cursor:default;color:var(--uil-grey-dark)}.n.zr.lr{background-color:var(--uil-grey-light)}.n.zr.ar{border-color:var(--uil-grey-dark)}.n.oi{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.n.oi.Yr{border-radius:var(--uil-m)}.n.li{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.li.Yr{border-radius:var(--uil-xl)}.n.ai{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ai.Yr{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.po{--uil-switch-color: var(--uil-info)}.a.xo{--uil-switch-color: var(--uil-success)}.a.fo{--uil-switch-color: var(--uil-warning)}.a.wo{--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) .jr{background-color:var(--uil-switch-color)}.a .p:has(input:disabled){cursor:default}.a .p:has(input:disabled) .jr{background-color:var(--uil-grey-dark)}.a .p .jr{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 .J{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 .J:hover,.t .J:focus{border-color:var(--uil-black-alt)}.t .J.Fr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light-alt);border-color:var(--uil-grey-dark)}.t .J.Fr .ti{fill:var(--uil-grey-dark)}.t .J .mo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t .J .ti{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.t .b{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 .b.ei{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.t .b.ni{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.t .b.ei.ui,.t .b.ni.ui{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.t .b .T{max-height:200px;overflow-y:auto}.t .b .T::-webkit-scrollbar{width:6px}.t .b .T::-webkit-scrollbar-track{background:transparent}.t .b .T::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.t .b .T::-webkit-scrollbar-thumb:hover{background-color:#0006}.t .b .ko{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 .b .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 .b .O:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.t .b .O:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.t .b .O.yo{background-color:var(--uil-is-active)}.t .b .O.zo{background-color:var(--uil-is-selected)}.t .b .O.Fr{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.Xr{cursor:pointer}.d.Xr:focus,.d.Xr:hover{opacity:.85}.d.di{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.d.si{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.d.ci{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.Ar{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.d.Ar .U{fill:var(--uil-tag-color)}.d.jo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.d.Fo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.d.Xo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.d.bi{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.d.bi.Ar{--uil-tag-color: var(--uil-warning-alt)}.d.Ao{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.d .U{cursor:pointer}.d .U.di{width:var(--uil-m);height:var(--uil-m)}.d .U.si{width:var(--uil-xl);height:var(--uil-xl)}.d .U.ci{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}.hi{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.gi{font-size:var(--uil-m);line-height:var(--uil-xl)}.vi{font-size:var(--uil-l);line-height:var(--uil-xxl)}.pi{font-size:var(--uil-xxl);line-height:2.25rem}.xi{--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 .fi{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.wi{--uil-dialog-title-background: var(--uil-info);--uil-dialog-title-font-color: var(--uil-white)}.e .P.mi{--uil-dialog-title-background: var(--uil-success);--uil-dialog-title-font-color: var(--uil-white)}.e .P.ki{--uil-dialog-title-background: var(--uil-warning);--uil-dialog-title-font-color: var(--uil-black-light)}.e .P.yi{--uil-dialog-title-background: var(--uil-error);--uil-dialog-title-font-color: var(--uil-white)}.e .Cr{padding:var(--uil-dialog-component-padding)}.e .Cr.zi{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.Yi{justify-content:start}.e .V.ji{justify-content:end}.e .V.Fi{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.Xi{--uil-top: var(--uil-l)}.s.Ai{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.s.Ci{left:50%;transform:translate(-50%)}.s.Di{top:50%;transform:translateY(-50%)}.s.Ei{left:50%;top:50%;transform:translate(-50%)}.s.qi{--uil-left: var(--uil-l)}.s.Bi{--uil-right: var(--uil-l);align-items:end}.s::-webkit-scrollbar{display:none}.s .j{display:flex;align-items:center;gap:var(--uil-l);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:6px;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.Gi{opacity:1;transform:translateY(0)}.s .j.Hi{opacity:0;transform:translateY(-6px)}.s .j.Ii{color:var(--uil-white);background-color:var(--uil-info)}.s .j.Ji{color:var(--uil-white);background-color:var(--uil-success)}.s .j.Dr{color:var(--uil-black);background-color:var(--uil-warning)}.s .j.Dr .cr{fill:var(--uil-black)}.s .j.Ki{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;fill:var(--uil-white-b);display:flex;align-items:center;justify-content:center;background-color:#0000000d}.s .j .cr:hover{background-color:#0000001a}.x{display:flex;align-items:center;gap:var(--uil-s)}.x:has(input:disabled) .Er{color:var(--uil-grey-dark)}.x .Er{color:var(--uil-black-w)}.x .z{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 .z:hover,.x .z:has(input:checked){border-color:var(--uil-black-w)}.x .z.Li{border-radius:2px}.x .z.qr,.x .z.qr .Mi{border-radius:50%}.x .z:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.x .z input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.x .z input:checked~.br{transform:scale(1)}.x .z input:disabled~.br{background-color:var(--uil-grey-dark)}.x .z .br{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}.hr{display:flex;gap:var(--uil-m)}.hr.Ni{flex-direction:row}.hr.Oi{flex-direction:column}.E{--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){.E{--uil-pagination-size: var(--uil-xxl)}}.E .K{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));color:var(--uil-black-w)}.E .K:disabled{cursor:default}.E .K:disabled .Br{fill:var(--uil-grey-alt)}.E .K.Pi,.E .K:not(:disabled):hover{background-color:var(--uil-grey)}.E .K .Br{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 .Gr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.W .Gr .Qi{fill:var(--uil-grey-dark)}.q{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.q.Hr{animation:1.5s ease-in-out 0s infinite Ir}.q.Hr .L{animation:1.5s ease-in-out 0s infinite Jr}.q .L{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.q .L.gr{stroke:var(--uil-info)}.q .L.vr{stroke:var(--uil-success)}.q .L.pr{stroke:var(--uil-warning)}.q .L.xr{stroke:var(--uil-error)}@keyframes Jr{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 Ir{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w{overflow:hidden;position:relative;width:6rem;height:6px}.w.gr{background-color:var(--uil-info-o)}.w.vr{background-color:var(--uil-success-o)}.w.pr{background-color:var(--uil-warning-o)}.w.xr{background-color:var(--uil-error-o)}.w.Ri{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.Si{animation:2.5s ease-in-out 0s infinite Kr}.w .G.Ti{animation:2.5s ease-in-out 0s infinite Lr}.w .G.gr{background-color:var(--uil-info)}.w .G.vr{background-color:var(--uil-success)}.w .G.pr{background-color:var(--uil-warning)}.w .G.xr{background-color:var(--uil-error)}@keyframes Kr{0%{left:-25%;right:100%}70%{left:100%;right:-80%}to{left:100%}}@keyframes Lr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-160%}}.Mr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Mr .Ui{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.Nr{right:100%}.m.Nr.Or{transform:translate(100%)}.m.Pr{left:100%}.m.Pr.Or{transform:translate(-100%)}.m nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.m .Vi{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 .Qr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.m .Qr:hover{font-size:var(--uil-xxl);opacity:1}.Wi{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 .X{left:0}.r .i.f .g{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .u.Z{margin-right:.875rem}.r .i.f~.fr{margin-left:0}.r .i.k,.r .i.k .g{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.k .u.Z{margin-left:.875rem}.r .i.k .u.Zi{margin-right:.875rem}.r .i.f:not(:has(.l:disabled)):not(.F):not(:focus-within):not(:has(.u.A)):has(.l:placeholder-shown):hover,.r .i.f:not(:has(.l:disabled)):not(.F):not(:focus-within):has(:not(.l:placeholder-shown)):hover .g,.r .i.k:not(:has(.l:disabled)):not(.F):not(:focus-within):not(:has(.u.A)):has(.l:placeholder-shown):hover,.r .i.k:not(:has(.l:disabled)):not(.F):not(:focus-within):has(:not(.l:placeholder-shown)):hover .g{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.A),.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.A){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.A)),.r .i.k:has(.l:disabled:placeholder-shown):not(:has(.u.A)){border-color:var(--uil-grey-alt)}.r .i.F .X{color:var(--uil-error);opacity:1}.r .i.F,.r .i.F .g{border-color:var(--uil-error)}.r .i:not(.F) .l:not(:disabled):focus~.X{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.F) .l:focus~.g{border-color:var(--uil-input-focus-color)}.r .i .g{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 .g ._i{visibility:hidden;padding:0 2px}.r .i .X{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 .X.ro{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.io{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~.g,.r .i .l:disabled:not(:placeholder-shown)~.g{border-color:var(--uil-grey-alt)}.r .i .l:disabled~.X{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .l:focus~.u.wr,.r .i .l:not(:placeholder-shown)~.u.wr{visibility:visible}.r .i .l:focus~.g{border-width:2px;padding:7px}.r .i .Rr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Rr~.g{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75;cursor:default;border:none;background-color:transparent}.r .i .u.wr{visibility:hidden}.r .i .u.Sr{display:flex;align-items:center;cursor:pointer;padding:0}.r .i .u.Sr:disabled{color:var(--uil-grey-dark);cursor:default}.r .i .l:focus~*.g,.r .i .l:not(:placeholder-shown)~*.g,.r .i .u.A~*.g{visibility:visible}.r .i .l:focus~*.X,.r .i .l:not(:placeholder-shown)~*.X,.r .i .u.A~*.X{top:-.65rem}.r .i .l:focus~* .Q,.r .i .l:not(:placeholder-shown)~* .Q,.r .i .u.A~* .Q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .fr{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 .fr.F{color:var(--uil-error)}.o{position:relative;width:100%;min-width:16rem}.o.Tr .Y,.o.Tr .c{border:1px solid}.o.Ur .Y,.o.Ur .c{border-bottom:1px solid;border-radius:0}.o.y .Y{border-width:2px;border-color:var(--uil-info)}.o.y .H{color:var(--uil-info)}.o.C:not(.y) .Y{border-color:var(--uil-black-w)}.o.C:not(.y) .H{color:var(--uil-black-w)}.o.y .Y,.o.C .Y{visibility:visible;transform:translateY(-.5em)}.o.y .H,.o.C .H{top:-.6rem;font-size:var(--uil-m)}.o.y .c,.o.C .c{border-color:transparent}.o.y .H{opacity:1}.o:not(:has(.c:disabled)):not(.y):not(.C):hover .c{border-color:var(--uil-black-lighter)}.o:not(:has(.c:disabled)):not(.y):not(.C) .c:focus{border-color:var(--uil-black-w);border-width:2px}.o:not(:has(.c:disabled)):not(.y):has(.c:focus) .Y{border-color:var(--uil-black-w);border-width:2px}.o:has(.c:disabled):not(.C) .c{border-color:var(--uil-grey-alt)}.o:has(.c:disabled).C .Y{border-color:var(--uil-grey-alt)}.o .Y,.o .c{border:hidden;border-color:var(--uil-grey-dark)}.o .Y{position:absolute;inset:0;pointer-events:none;visibility:hidden;border-radius:var(--uil-xs);padding:0 .5rem;box-sizing:border-box;min-height:52px;margin:0;outline:none}.o .Y legend{visibility:hidden;padding:0 2px;font-size:var(--uil-m)}.o .H{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 .c{width:100%;padding:var(--uil-xs);font-size:1.125rem;line-height:var(--uil-l);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 .c:disabled{cursor:default;color:var(--uil-grey-dark)}.o .c:disabled .Vr{fill:var(--uil-grey-dark)}.o .c:disabled~.H{cursor:default;color:var(--uil-grey-dark)}.o .Vr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);opacity:.8}.o .h{z-index:10;position:absolute;top:100%;right:.125rem;width:fit-content;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 .h.oo{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.o .h .M{width:100%;display:flex;justify-content:space-between;gap:.25rem;margin-bottom:1rem;color:var(--uil-black-w)}.o .h .M ._{border:none;background-color:transparent;padding:0;cursor:pointer}.o .h .M ._:disabled{cursor:default}.o .h .M ._:disabled .Wr{fill:var(--uil-grey-dark)}.o .h .M ._ .Wr{width:1rem;height:1rem;fill:var(--uil-black-w)}.o .h .M span{font-weight:500}.o .h .lo .I{width:1.75rem;height:1rem;font-size:.8rem;text-align:center;color:var(--uil-black-w)}.o .h .ao td{height:6px}.o .h .N .I{width:1.75rem;height:1.75rem;padding:0;background-color:transparent;border:none;color:var(--uil-grey-dark);border-radius:4px}.o .h .N .I:not(:disabled):not(.rr):hover{background-color:var(--uil-info-o);color:var(--uil-black-w)}.o .h .N .I:not(:disabled):not(.rr).y{color:var(--uil-black-w)}.o .h .N .I.rr{color:var(--uil-white);background-color:var(--uil-info)}.o .h .N .I:not(.rr).to{border:1px solid var(--uil-black-alt)}.o .h .N .I:disabled{background-color:var(--uil-grey)}.R{gap:var(--uil-xs)}@media(min-width:760px){.R{gap:var(--uil-m)}}.R .eo{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 .no{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] .D.uo{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.v[open] .D .ir{rotate:90deg}.v .D{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.v .D::marker{content:none}.v .D::-webkit-details-marker{display:none}.v .D.do .ir{margin-right:var(--uil-s)}.v .D.Zr{flex-direction:row-reverse;justify-content:space-between}.v .D.Zr .ir{margin-left:var(--uil-s)}.v .D .ir{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.v .so{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.co li:last-child{font-weight:700}.B li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.B ._r:last-child,.B ._r:hover{color:var(--uil-black-w)}.B .mr{background-color:transparent;border:none;padding:0;margin:0}.B .mr svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.B .mr svg:hover{fill:var(--uil-black-w)}.ri{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.ri.bo{animation:ease-in-out var(--uil-pulse-anim) infinite ii}@keyframes ii{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.ho{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.n.go{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.n.kr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.n.kr.ar,.n.kr.yr{--uil-button-color: var(--uil-warning-alt)}.n.vo{--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).yr{color:var(--uil-button-color)}.n:not(:disabled).yr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n.zr{cursor:default;color:var(--uil-grey-dark)}.n.zr.lr{background-color:var(--uil-grey-light)}.n.zr.ar{border-color:var(--uil-grey-dark)}.n.oi{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.n.oi.Yr{border-radius:var(--uil-m)}.n.li{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.li.Yr{border-radius:var(--uil-xl)}.n.ai{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ai.Yr{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.po{--uil-switch-color: var(--uil-info)}.a.xo{--uil-switch-color: var(--uil-success)}.a.fo{--uil-switch-color: var(--uil-warning)}.a.wo{--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) .jr{background-color:var(--uil-switch-color)}.a .p:has(input:disabled){cursor:default}.a .p:has(input:disabled) .jr{background-color:var(--uil-grey-dark)}.a .p .jr{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 .J{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 .J:hover,.t .J:focus{border-color:var(--uil-black-alt)}.t .J.Fr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light-alt);border-color:var(--uil-grey-dark)}.t .J.Fr .ti{fill:var(--uil-grey-dark)}.t .J .mo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t .J .ti{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.t .b{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 .b.ei{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.t .b.ni{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.t .b.ei.ui,.t .b.ni.ui{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.t .b .T{max-height:200px;overflow-y:auto}.t .b .T::-webkit-scrollbar{width:6px}.t .b .T::-webkit-scrollbar-track{background:transparent}.t .b .T::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.t .b .T::-webkit-scrollbar-thumb:hover{background-color:#0006}.t .b .ko{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 .b .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 .b .O:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.t .b .O:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.t .b .O.yo{background-color:var(--uil-is-active)}.t .b .O.zo{background-color:var(--uil-is-selected)}.t .b .O.Fr{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.Xr{cursor:pointer}.d.Xr:focus,.d.Xr:hover{opacity:.85}.d.di{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.d.si{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.d.ci{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.Ar{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.d.Ar .U{fill:var(--uil-tag-color)}.d.jo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.d.Fo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.d.Xo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.d.bi{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.d.bi.Ar{--uil-tag-color: var(--uil-warning-alt)}.d.Ao{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.d .U{cursor:pointer}.d .U.di{width:var(--uil-m);height:var(--uil-m)}.d .U.si{width:var(--uil-xl);height:var(--uil-xl)}.d .U.ci{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": "11.1.
|
|
4
|
+
"version": "11.1.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.
|
|
53
|
-
"@storybook/react-vite": "^10.
|
|
54
|
-
"@testing-library/react": "^16.3.
|
|
55
|
-
"@testing-library/user-event": "^14.6.
|
|
56
|
-
"@vitest/coverage-v8": "^
|
|
52
|
+
"@storybook/addon-a11y": "^10.6.0",
|
|
53
|
+
"@storybook/react-vite": "^10.6.0",
|
|
54
|
+
"@testing-library/react": "^16.3.3",
|
|
55
|
+
"@testing-library/user-event": "^14.6.7",
|
|
56
|
+
"@vitest/coverage-v8": "^5.0.0",
|
|
57
57
|
"esbuild": "0.28.2",
|
|
58
58
|
"esbuild-sass-plugin": "^3.7.0",
|
|
59
|
-
"eslint-plugin-storybook": "^10.
|
|
59
|
+
"eslint-plugin-storybook": "^10.6.0",
|
|
60
60
|
"jsdom": "^30.0.1",
|
|
61
|
-
"storybook": "^10.
|
|
61
|
+
"storybook": "^10.6.0",
|
|
62
62
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
63
|
-
"vitest": "^
|
|
63
|
+
"vitest": "^5.0.0"
|
|
64
64
|
}
|
|
65
65
|
}
|