@hbuesing/ui-library 5.0.0-beta.13 → 5.0.0-beta.14
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.js +1 -1
- package/package.json +3 -21
- package/dist/chunk-7M2VOCYN.js +0 -0
- package/dist/chunk-7RPYUYGJ.js +0 -1
- package/dist/chunk-GHZCOICU.js +0 -1
- package/dist/chunk-HC757SDI.js +0 -1
- package/dist/chunk-HUHGGLQE.js +0 -1
- package/dist/chunk-JTYC3C3C.js +0 -1
- package/dist/chunk-LU5OR3GV.js +0 -1
- package/dist/chunk-N4HUAT4S.js +0 -1
- package/dist/chunk-NEAITSWY.js +0 -1
- package/dist/chunk-NTU25Q5R.js +0 -1
- package/dist/chunk-PH2AOF7Z.js +0 -1
- package/dist/chunk-YRXYGM2O.js +0 -1
- package/dist/components/backdrop/index.css +0 -1
- package/dist/components/backdrop/index.js +0 -1
- package/dist/components/button/index.css +0 -1
- package/dist/components/button/index.js +0 -1
- package/dist/components/check/checkbox/index.css +0 -1
- package/dist/components/check/checkbox/index.js +0 -1
- package/dist/components/check/radio/index.css +0 -1
- package/dist/components/check/radio/index.js +0 -1
- package/dist/components/check/radioGroup/index.css +0 -1
- package/dist/components/check/radioGroup/index.js +0 -1
- package/dist/components/dialog/index.css +0 -1
- package/dist/components/dialog/index.js +0 -1
- package/dist/components/input/index.css +0 -1
- package/dist/components/input/index.js +0 -1
- package/dist/hooks/index.js +0 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
var d={fit:"L",fontSmall:"M",fontMedium:"N",fontLarge:"O",dark:"P"};import S,{useEffect as M,useRef as B}from"react";function i(r){let o="";return r.forEach(e=>{e==null||e===!1||(o!==""&&(o+=" "),o+=e)}),o}var h={dialog:"e",small:"Q",medium:"R",large:"S",title:"f",default:"A",success:"B",warning:"G",error:"H",content:"I",divider:"T",controls:"z",start:"U",end:"V","space-between":"W"};function L(r){let{ariaModal:o,children:e,dark:l=!1,describedby:a,labelledby:p,onCancel:u,open:f,scrollable:s=!1,size:c}=r,n=B(null);return M(()=>{f?(s||(document.body.style.paddingRight="15px",document.body.style.overflow="hidden"),n.current?.showModal()):(s||(document.body.style.paddingRight="",document.body.style.overflow=""),n.current?.close())},[f]),S.createElement("dialog",{ref:n,"aria-describedby":a,"aria-labelledby":p,"aria-modal":o,className:i([h.dialog,l&&d.dark,c&&h[c]]),onCancel:u},e)}import H from"react";function G(r){let{children:o,color:e,id:l}=r;return H.createElement("div",{className:i([h.title,e&&h[e],d.fontLarge]),id:l},o)}import O from"react";function j(r){let{children:o,divider:e=!1,id:l}=r;return O.createElement("div",{className:i([h.content,e&&h.divider]),id:l},o)}import q from"react";function K(r){let{children:o,position:e="end"}=r;return q.createElement("div",{className:i([h.controls,h[e]])},o)}var A=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function C(r){if(!A.test(r))throw new Error(`useContrastColor received an invalid hex color format. Expected '#000' or '#000000', but got: ${r}`);r=r.replace("#","");let o;r.length===3?o=[parseInt(r.substring(0),16)/255,parseInt(r.substring(1),16)/255,parseInt(r.substring(2),16)/255]:o=[parseInt(r.substring(0,2),16)/255,parseInt(r.substring(2,4),16)/255,parseInt(r.substring(4,6),16)/255];let[e,l,a]=o.map(u=>u<=.04045?u/12.92:((u+.055)/1.055)**2.4);return .2126*e+.7152*l+.0722*a>.179?"#000000":"#ffffff"}import T from"react";var k={button:"l",filled:"h",outlined:"v",text:"p",success:"w",warning:"k",error:"m",custom:"j",disabled:"C",small:"X",medium:"Y",large:"Z"};function U(r){let{children:o,color:e,dark:l,disabled:a,href:p,size:u="medium",target:f,variant:s,...c}=r,n=m();function m(){if(!(a||!e?.includes("#")))switch(s){case"filled":return{color:C(e),backgroundColor:e};case"outlined":return{color:e,borderColor:e};case"text":return{color:e};default:throw new Error(`<Button> received an unexpected variant. Expected 'filled', 'outline' or 'text', but got: ${String(s)}'`)}}function W(){let x;switch(u){case"small":x=d.fontSmall;break;case"medium":x=d.fontMedium;break;case"large":x=d.fontLarge;break;default:throw new Error(`<Button> received an unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(u)}`)}return i([k.button,d.fit,x,k[u],k[s],l&&d.dark,e&&!e.includes("#")&&k[e],n&&k.custom,a&&k.disabled])}return p||p===""?T.createElement("a",{href:p,target:f,id:c.id,title:c.title,style:n,className:W()},o):T.createElement("button",{style:n,className:W(),type:c.type??"button",disabled:a,"aria-disabled":a,tabIndex:a?-1:c.tabIndex,...c},o)}import y from"react";function v(){let r=new Uint32Array(2);return crypto.getRandomValues(r),`uil${r[0].toString(32)}${r[1].toString(16)}`}var b={checkWrapper:"n",label:"J",check:"b",box:"_",radio:"K",radioCheck:"rr",checkmark:"D",radioWrapper:"E",row:"or",column:"ir"};function I(r){let{checked:o,children:e,color:l,dark:a,disabled:p,id:u,name:f,onChange:s,value:c,...n}=r,m=u??v();function W(F){!p&&s&&s(F)}function x(){document.querySelector(`#${m}`).click()}return y.createElement("div",{className:i([b.checkWrapper,a&&d.dark])},y.createElement("div",{className:`${b.check} ${b.radio}`,onClick:()=>{x()}},y.createElement("input",{id:m,name:f,type:"radio",value:c,checked:o,onChange:F=>{W(F)},disabled:p,tabIndex:p?-1:n.tabIndex??void 0,...n}),y.createElement("div",{className:`${b.checkmark} ${b.radioCheck}`,style:p?void 0:{backgroundColor:l}})),e&&y.createElement("label",{htmlFor:m,className:`${d.fontMedium} ${b.label}`},e))}var N={backdrop:"lr"};import{createPortal as J}from"react-dom";import Q from"react";function Y(r){let{children:o,onClick:e,open:l,zIndex:a}=r;return l?J(Q.createElement("div",{className:N.backdrop,style:{zIndex:a},onClick:e},o),document.body):null}import w from"react";function Z(r){let{checked:o,children:e,color:l,dark:a,disabled:p,onChange:u,...f}=r,s=f.id??v();function c(m){!p&&u&&u(m)}function n(){document.querySelector(`#${s}`).click()}return w.createElement("div",{className:i([b.checkWrapper,a&&d.dark])},w.createElement("div",{className:i([b.check,b.box]),onClick:n},w.createElement("input",{type:"checkbox",checked:o,onChange:c,id:s,disabled:p,...f}),w.createElement("div",{className:i([b.checkmark]),style:p?void 0:{backgroundColor:l}})),e&&w.createElement("label",{htmlFor:s,className:`${d.fontMedium} ${b.label}`},e))}var t={inputField:"r",inputWrapper:"o",basic:"d",input:"i",label:"u",fieldset:"a",decorator:"t",start:"F",outlined:"s",end:"ar",error:"c",visible:"y",legend:"er",labelText:"g",asterisk:"tr",focus:"x",helpText:"q"};import rr from"react";function P(r){let{children:o,onFocus:e,position:l}=r;return rr.createElement("div",{className:i([t.decorator,d.fontSmall,l==="start"?t.start:t.end,e?t.focus:t.visible])},o)}import g,{isValidElement as D}from"react";function er(r){let{children:o,dark:e,error:l,helpText:a,id:p,label:u,required:f,variant:s,...c}=r;if(o&&(!D(o)||o.type!==P))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${D(o)?String(o.type):typeof o}.`);let n=p??v(),m=a?v():void 0;return g.createElement("div",{className:i([t.inputField,e&&d.dark])},g.createElement("div",{className:i([t.inputWrapper,s==="basic"?t.basic:t.outlined,l&&t.error])},g.createElement("input",{id:n,className:`${t.input} ${d.fontMedium}`,placeholder:"",required:f,...c,"aria-describedby":m}),o&&o,g.createElement("fieldset",{className:t.fieldset,"aria-hidden":!0},g.createElement("legend",{className:t.legend},g.createElement("span",{className:t.labelText},u),f&&g.createElement("span",{className:`${t.labelText} ${t.asterisk}`,"aria-hidden":!0},"*"))),g.createElement("label",{htmlFor:n,className:t.label},g.createElement("span",{className:t.labelText},u),f&&g.createElement("span",{className:`${t.labelText} ${t.asterisk}`,"aria-hidden":!0},"*"))),a&&g.createElement("div",{className:i([t.helpText,l&&t.error]),id:m},a))}import E from"react";function or(r){let{color:o,dark:e=!1,direction:l="column",disabled:a,name:p,onChange:u,options:f,selected:s}=r;function c(n){!a&&u&&u(n)}return E.createElement("div",{className:i([b.radioWrapper,b[l]])},f.map((n,m)=>E.createElement(I,{key:m,dark:e,color:o,onChange:c,checked:s===n.value,disabled:a??n.disabled,name:p,...n},n.label)))}export{Y as Backdrop,U as Button,Z as Checkbox,L as Dialog,j as DialogContent,K as DialogControls,G as DialogTitle,er as Input,P as InputDecorator,I as Radio,or as RadioGroup,C as useContrastColor};
|
package/package.json
CHANGED
|
@@ -1,37 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@hbuesing/ui-library",
|
|
4
|
-
"version": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.14",
|
|
5
5
|
"description": "Collection of reusable ui components for react based applications",
|
|
6
6
|
"source": "src/index.ts",
|
|
7
7
|
"type": "module",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
8
9
|
"exports": {
|
|
9
10
|
".": {
|
|
10
11
|
"import": "./dist/index.js",
|
|
11
|
-
"require": "./dist/index.js"
|
|
12
|
-
"types": "./dist/index.d.ts"
|
|
12
|
+
"require": "./dist/index.js"
|
|
13
13
|
},
|
|
14
14
|
"./index.css": {
|
|
15
15
|
"import": "./dist/index.css",
|
|
16
16
|
"require": "./dist/index.css"
|
|
17
|
-
},
|
|
18
|
-
"./button": {
|
|
19
|
-
"import": "./dist/components/button/index.js",
|
|
20
|
-
"require": "./dist/components/button/index.js",
|
|
21
|
-
"types": "./dist/components/button/index.d.ts"
|
|
22
|
-
},
|
|
23
|
-
"./button/index.css": {
|
|
24
|
-
"import": "./dist/components/button/index.css",
|
|
25
|
-
"require": "./dist/components/button/index.css"
|
|
26
|
-
},
|
|
27
|
-
"./radio": {
|
|
28
|
-
"import": "./dist/components/check/radio/index.js",
|
|
29
|
-
"require": "./dist/components/check/radio/index.js"
|
|
30
|
-
},
|
|
31
|
-
"./radio/index.css": {
|
|
32
|
-
"import": "./dist/components/check/radio/index.css",
|
|
33
|
-
"require": "./dist/components/check/radio/index.css",
|
|
34
|
-
"types": "./dist/components/check/radio/index.d.ts"
|
|
35
17
|
}
|
|
36
18
|
},
|
|
37
19
|
"files": [
|
package/dist/chunk-7M2VOCYN.js
DELETED
|
File without changes
|
package/dist/chunk-7RPYUYGJ.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var o={backdrop:"lr"};import{createPortal as p}from"react-dom";import d from"react";function f(r){let{children:e,onClick:t,open:n,zIndex:i}=r;return n?p(d.createElement("div",{className:o.backdrop,style:{zIndex:i},onClick:t},e),document.body):null}export{f as a};
|
package/dist/chunk-GHZCOICU.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var c={checkWrapper:"n",label:"J",check:"b",box:"_",radio:"K",radioCheck:"rr",checkmark:"D",radioWrapper:"E",row:"or",column:"ir"};export{c as a};
|
package/dist/chunk-HC757SDI.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a,b as i}from"./chunk-HUHGGLQE.js";import f,{useEffect as b,useRef as y}from"react";var o={dialog:"e",small:"Q",medium:"R",large:"S",title:"f",default:"A",success:"B",warning:"G",error:"H",content:"I",divider:"T",controls:"z",start:"U",end:"V","space-between":"W"};function N(l){let{ariaModal:t,children:r,dark:e=!1,describedby:g,labelledby:p,onCancel:m,open:n,scrollable:s=!1,size:c}=l,d=y(null);return b(()=>{n?(s||(document.body.style.paddingRight="15px",document.body.style.overflow="hidden"),d.current?.showModal()):(s||(document.body.style.paddingRight="",document.body.style.overflow=""),d.current?.close())},[n]),f.createElement("dialog",{ref:d,"aria-describedby":g,"aria-labelledby":p,"aria-modal":t,className:i([o.dialog,e&&a.dark,c&&o[c]]),onCancel:m},r)}import v from"react";function L(l){let{children:t,color:r,id:e}=l;return v.createElement("div",{className:i([o.title,r&&o[r],a.fontLarge]),id:e},t)}import h from"react";function B(l){let{children:t,divider:r=!1,id:e}=l;return h.createElement("div",{className:i([o.content,r&&o.divider]),id:e},t)}import x from"react";function K(l){let{children:t,position:r="end"}=l;return x.createElement("div",{className:i([o.controls,o[r]])},t)}export{N as a,L as b,B as c,K as d};
|
package/dist/chunk-HUHGGLQE.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var f={fit:"L",fontSmall:"M",fontMedium:"N",fontLarge:"O",dark:"P"};function r(u){let l="";return u.forEach(i=>{i==null||i===!1||(l!==""&&(l+=" "),l+=i)}),l}export{f as a,r as b};
|
package/dist/chunk-JTYC3C3C.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as v}from"./chunk-N4HUAT4S.js";import{a as t,b as c}from"./chunk-HUHGGLQE.js";import g from"react";var r={button:"l",filled:"h",outlined:"v",text:"p",success:"w",warning:"k",error:"m",custom:"j",disabled:"C",small:"X",medium:"Y",large:"Z"};function P(f){let{children:s,color:o,dark:h,disabled:e,href:n,size:u="medium",target:p,variant:i,...l}=f,d=m();function m(){if(!(e||!o?.includes("#")))switch(i){case"filled":return{color:v(o),backgroundColor:o};case"outlined":return{color:o,borderColor:o};case"text":return{color:o};default:throw new Error(`<Button> received an unexpected variant. Expected 'filled', 'outline' or 'text', but got: ${String(i)}'`)}}function b(){let a;switch(u){case"small":a=t.fontSmall;break;case"medium":a=t.fontMedium;break;case"large":a=t.fontLarge;break;default:throw new Error(`<Button> received an unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(u)}`)}return c([r.button,t.fit,a,r[u],r[i],h&&t.dark,o&&!o.includes("#")&&r[o],d&&r.custom,e&&r.disabled])}return n||n===""?g.createElement("a",{href:n,target:p,id:l.id,title:l.title,style:d,className:b()},s):g.createElement("button",{style:d,className:b(),type:l.type??"button",disabled:e,"aria-disabled":e,tabIndex:e?-1:l.tabIndex,...l},s)}export{P as a};
|
package/dist/chunk-LU5OR3GV.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as d}from"./chunk-PH2AOF7Z.js";import{a as p,b as t}from"./chunk-HUHGGLQE.js";var i={inputField:"r",inputWrapper:"o",basic:"d",input:"i",label:"u",fieldset:"a",decorator:"t",start:"F",outlined:"s",end:"ar",error:"c",visible:"y",legend:"er",labelText:"g",asterisk:"tr",focus:"x",helpText:"q"};import g from"react";function h(n){let{children:r,onFocus:o,position:l}=n;return g.createElement("div",{className:t([i.decorator,p.fontSmall,l==="start"?i.start:i.end,o?i.focus:i.visible])},r)}import e,{isValidElement as f}from"react";function q(n){let{children:r,dark:o,error:l,helpText:a,id:F,label:s,required:u,variant:v,...W}=n;if(r&&(!f(r)||r.type!==h))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${f(r)?String(r.type):typeof r}.`);let c=F??d(),b=a?d():void 0;return e.createElement("div",{className:t([i.inputField,o&&p.dark])},e.createElement("div",{className:t([i.inputWrapper,v==="basic"?i.basic:i.outlined,l&&i.error])},e.createElement("input",{id:c,className:`${i.input} ${p.fontMedium}`,placeholder:"",required:u,...W,"aria-describedby":b}),r&&r,e.createElement("fieldset",{className:i.fieldset,"aria-hidden":!0},e.createElement("legend",{className:i.legend},e.createElement("span",{className:i.labelText},s),u&&e.createElement("span",{className:`${i.labelText} ${i.asterisk}`,"aria-hidden":!0},"*"))),e.createElement("label",{htmlFor:c,className:i.label},e.createElement("span",{className:i.labelText},s),u&&e.createElement("span",{className:`${i.labelText} ${i.asterisk}`,"aria-hidden":!0},"*"))),a&&e.createElement("div",{className:t([i.helpText,l&&i.error]),id:b},a))}export{h as a,q as b};
|
package/dist/chunk-N4HUAT4S.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function u(t){if(!e.test(t))throw new Error(`useContrastColor received an invalid hex color format. Expected '#000' or '#000000', but got: ${t}`);t=t.replace("#","");let r;t.length===3?r=[parseInt(t.substring(0),16)/255,parseInt(t.substring(1),16)/255,parseInt(t.substring(2),16)/255]:r=[parseInt(t.substring(0,2),16)/255,parseInt(t.substring(2,4),16)/255,parseInt(t.substring(4,6),16)/255];let[n,o,a]=r.map(s=>s<=.04045?s/12.92:((s+.055)/1.055)**2.4);return .2126*n+.7152*o+.0722*a>.179?"#000000":"#ffffff"}export{u as a};
|
package/dist/chunk-NEAITSWY.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as d}from"./chunk-NTU25Q5R.js";import{a as o}from"./chunk-GHZCOICU.js";import{b as t}from"./chunk-HUHGGLQE.js";import i from"react";function R(n){let{color:p,dark:m=!1,direction:l="column",disabled:r,name:s,onChange:a,options:c,selected:f}=n;function u(e){!r&&a&&a(e)}return i.createElement("div",{className:t([o.radioWrapper,o[l]])},c.map((e,h)=>i.createElement(d,{key:h,dark:m,color:p,onChange:u,checked:f===e.value,disabled:r??e.disabled,name:s,...e},e.label)))}export{R as a};
|
package/dist/chunk-NTU25Q5R.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as e}from"./chunk-GHZCOICU.js";import{a as m}from"./chunk-PH2AOF7Z.js";import{a as i,b as c}from"./chunk-HUHGGLQE.js";import o from"react";function E(p){let{checked:s,children:t,color:u,dark:h,disabled:n,id:f,name:k,onChange:d,value:b,...l}=p,a=f??m();function v(r){!n&&d&&d(r)}function C(){document.querySelector(`#${a}`).click()}return o.createElement("div",{className:c([e.checkWrapper,h&&i.dark])},o.createElement("div",{className:`${e.check} ${e.radio}`,onClick:()=>{C()}},o.createElement("input",{id:a,name:k,type:"radio",value:b,checked:s,onChange:r=>{v(r)},disabled:n,tabIndex:n?-1:l.tabIndex??void 0,...l}),o.createElement("div",{className:`${e.checkmark} ${e.radioCheck}`,style:n?void 0:{backgroundColor:u}})),t&&o.createElement("label",{htmlFor:a,className:`${i.fontMedium} ${e.label}`},t))}export{E as a};
|
package/dist/chunk-PH2AOF7Z.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function e(){let t=new Uint32Array(2);return crypto.getRandomValues(t),`uil${t[0].toString(32)}${t[1].toString(16)}`}export{e as a};
|
package/dist/chunk-YRXYGM2O.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as e}from"./chunk-GHZCOICU.js";import{a as m}from"./chunk-PH2AOF7Z.js";import{a as c,b as n}from"./chunk-HUHGGLQE.js";import o from"react";function x(p){let{checked:s,children:l,color:h,dark:k,disabled:r,onChange:i,...a}=p,t=a.id??m();function u(d){!r&&i&&i(d)}function f(){document.querySelector(`#${t}`).click()}return o.createElement("div",{className:n([e.checkWrapper,k&&c.dark])},o.createElement("div",{className:n([e.check,e.box]),onClick:f},o.createElement("input",{type:"checkbox",checked:s,onChange:u,id:t,disabled:r,...a}),o.createElement("div",{className:n([e.checkmark]),style:r?void 0:{backgroundColor:h}})),l&&o.createElement("label",{htmlFor:t,className:`${c.fontMedium} ${e.label}`},l))}export{x as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.lr{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:auto}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"../../chunk-7RPYUYGJ.js";export{a as Backdrop};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--uil-black: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-white: #ffffff;--uil-white-alt: #ffffff;--uil-grey: #f3f3f3;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #878787;--uil-outline-focus: #2779ca;--uil-default-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-custom-hover: 0, 0, 0;--uil-success: #009c73;--uil-error: #CF0934;--uil-warning: #FFD700;--uil-warning-alt: #d1b21a;--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}.L{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.M{font-size:var(--uil-m);line-height:var(--uil-m)}.N{font-size:var(--uil-l);line-height:var(--uil-l)}.O{font-size:var(--uil-xxl);line-height:var(--uil-xxl)}.P{--uil-black: #ffffff;--uil-outline-focus: #7bb4ff;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-white-alt: #3a3a3a;--uil-default-hover: 50, 121, 202;--uil-black-alt: #c3c3c3;--uil-success: #00cc96;--uil-success-hover: 0, 163, 115;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-custom-hover: 255, 255, 255}.l{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer}.l:not(:disabled).h{color:var(--uil-white);background-color:var(--uil-outline-focus);box-shadow:0 0 2px 0 var(--uil-black-alt)}.l:not(:disabled).h:hover{background-color:rgba(var(--uil-default-hover),.9)}.l:not(:disabled).v{color:var(--uil-outline-focus);border-color:var(--uil-outline-focus)}.l:not(:disabled).v:not(:disabled):hover{background-color:rgba(var(--uil-default-hover),.12)}.l:not(:disabled).p{color:var(--uil-outline-focus)}.l:not(:disabled).p:not(:disabled):hover{background-color:rgba(var(--uil-default-hover),.08)}.l:not(:disabled).w.h{color:var(--uil-white);background-color:var(--uil-success)}.l:not(:disabled).w.h:hover{background-color:rgba(var(--uil-success-hover),.9)}.l:not(:disabled).w.v{color:var(--uil-success);border-color:var(--uil-success)}.l:not(:disabled).w.v:hover{background-color:rgba(var(--uil-success-hover),.15)}.l:not(:disabled).w.p{color:var(--uil-success)}.l:not(:disabled).w.p:hover{background-color:rgba(var(--uil-success-hover),.07)}.l:not(:disabled).k.h{color:var(--uil-black-light);background-color:var(--uil-warning)}.l:not(:disabled).k.h:hover{background-color:rgba(var(--uil-warning-hover),.7)}.l:not(:disabled).k.v{color:var(--uil-warning-alt);border-color:var(--uil-warning)}.l:not(:disabled).k.v:hover{background-color:rgba(var(--uil-warning-hover),.1)}.l:not(:disabled).k.p{color:var(--uil-warning-alt)}.l:not(:disabled).k.p:hover{background-color:rgba(var(--uil-warning-hover),.1)}.l:not(:disabled).m.h{color:var(--uil-white);background-color:var(--uil-error)}.l:not(:disabled).m.h:hover{background-color:rgba(var(--uil-error-hover),.9)}.l:not(:disabled).m.v{color:var(--uil-error);border-color:var(--uil-error)}.l:not(:disabled).m.v:hover{background-color:rgba(var(--uil-error-hover),.12)}.l:not(:disabled).m.p{color:var(--uil-error)}.l:not(:disabled).m.p:hover{background-color:rgba(var(--uil-error-hover),.08)}.l:not(:disabled).j.h:hover,.l:not(:disabled).j.v:hover,.l:not(:disabled).j.p:hover{opacity:.9;background-color:rgba(var(--uil-custom-hover),.05)}.l.C{cursor:default;color:var(--uil-grey-dark)}.l.C.h{background-color:var(--uil-grey)}.l.C.v{border-color:var(--uil-grey-dark)}.l.X{letter-spacing:1px;padding:var(--uil-xxs)}.l.Y{letter-spacing:2px;padding:var(--uil-xs)}.l.Z{letter-spacing:2px;padding:var(--uil-s)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"../../chunk-JTYC3C3C.js";import"../../chunk-N4HUAT4S.js";import"../../chunk-HUHGGLQE.js";export{a as Button};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--uil-black: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-white: #ffffff;--uil-white-alt: #ffffff;--uil-grey: #f3f3f3;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #878787;--uil-outline-focus: #2779ca;--uil-default-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-custom-hover: 0, 0, 0;--uil-success: #009c73;--uil-error: #CF0934;--uil-warning: #FFD700;--uil-warning-alt: #d1b21a;--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}.L{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.M{font-size:var(--uil-m);line-height:var(--uil-m)}.N{font-size:var(--uil-l);line-height:var(--uil-l)}.O{font-size:var(--uil-xxl);line-height:var(--uil-xxl)}.P{--uil-black: #ffffff;--uil-outline-focus: #7bb4ff;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-white-alt: #3a3a3a;--uil-default-hover: 50, 121, 202;--uil-black-alt: #c3c3c3;--uil-success: #00cc96;--uil-success-hover: 0, 163, 115;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-custom-hover: 255, 255, 255}.n{display:flex;align-items:center;gap:var(--uil-s)}.n:has(input:disabled) .J{color:var(--uil-grey-dark)}.n .J{color:var(--uil-black)}.n .b{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}.n .b:hover,.n .b:has(input:checked){border-color:var(--uil-black)}.n .b._{border-radius:2px}.n .b.K,.n .b.K .rr{border-radius:50%}.n .b:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.n .b input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.n .b input:checked~.D{transform:scale(1)}.n .b input:disabled~.D{background-color:var(--uil-grey-dark)}.n .b .D{position:absolute;top:25%;left:25%;background-color:var(--uil-outline-focus);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.E{display:flex;gap:var(--uil-m)}.E.or{flex-direction:row}.E.ir{flex-direction:column}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"../../../chunk-YRXYGM2O.js";import"../../../chunk-GHZCOICU.js";import"../../../chunk-PH2AOF7Z.js";import"../../../chunk-HUHGGLQE.js";export{a as Checkbox};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--uil-black: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-white: #ffffff;--uil-white-alt: #ffffff;--uil-grey: #f3f3f3;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #878787;--uil-outline-focus: #2779ca;--uil-default-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-custom-hover: 0, 0, 0;--uil-success: #009c73;--uil-error: #CF0934;--uil-warning: #FFD700;--uil-warning-alt: #d1b21a;--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}.L{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.M{font-size:var(--uil-m);line-height:var(--uil-m)}.N{font-size:var(--uil-l);line-height:var(--uil-l)}.O{font-size:var(--uil-xxl);line-height:var(--uil-xxl)}.P{--uil-black: #ffffff;--uil-outline-focus: #7bb4ff;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-white-alt: #3a3a3a;--uil-default-hover: 50, 121, 202;--uil-black-alt: #c3c3c3;--uil-success: #00cc96;--uil-success-hover: 0, 163, 115;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-custom-hover: 255, 255, 255}.n{display:flex;align-items:center;gap:var(--uil-s)}.n:has(input:disabled) .J{color:var(--uil-grey-dark)}.n .J{color:var(--uil-black)}.n .b{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}.n .b:hover,.n .b:has(input:checked){border-color:var(--uil-black)}.n .b._{border-radius:2px}.n .b.K,.n .b.K .rr{border-radius:50%}.n .b:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.n .b input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.n .b input:checked~.D{transform:scale(1)}.n .b input:disabled~.D{background-color:var(--uil-grey-dark)}.n .b .D{position:absolute;top:25%;left:25%;background-color:var(--uil-outline-focus);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.E{display:flex;gap:var(--uil-m)}.E.or{flex-direction:row}.E.ir{flex-direction:column}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"../../../chunk-NTU25Q5R.js";import"../../../chunk-GHZCOICU.js";import"../../../chunk-PH2AOF7Z.js";import"../../../chunk-HUHGGLQE.js";export{a as Radio};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.n{display:flex;align-items:center;gap:var(--uil-s)}.n:has(input:disabled) .J{color:var(--uil-grey-dark)}.n .J{color:var(--uil-black)}.n .b{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}.n .b:hover,.n .b:has(input:checked){border-color:var(--uil-black)}.n .b._{border-radius:2px}.n .b.K,.n .b.K .rr{border-radius:50%}.n .b:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.n .b input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.n .b input:checked~.D{transform:scale(1)}.n .b input:disabled~.D{background-color:var(--uil-grey-dark)}.n .b .D{position:absolute;top:25%;left:25%;background-color:var(--uil-outline-focus);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.E{display:flex;gap:var(--uil-m)}.E.or{flex-direction:row}.E.ir{flex-direction:column}:root{--uil-black: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-white: #ffffff;--uil-white-alt: #ffffff;--uil-grey: #f3f3f3;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #878787;--uil-outline-focus: #2779ca;--uil-default-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-custom-hover: 0, 0, 0;--uil-success: #009c73;--uil-error: #CF0934;--uil-warning: #FFD700;--uil-warning-alt: #d1b21a;--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}.L{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.M{font-size:var(--uil-m);line-height:var(--uil-m)}.N{font-size:var(--uil-l);line-height:var(--uil-l)}.O{font-size:var(--uil-xxl);line-height:var(--uil-xxl)}.P{--uil-black: #ffffff;--uil-outline-focus: #7bb4ff;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-white-alt: #3a3a3a;--uil-default-hover: 50, 121, 202;--uil-black-alt: #c3c3c3;--uil-success: #00cc96;--uil-success-hover: 0, 163, 115;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-custom-hover: 255, 255, 255}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"../../../chunk-NEAITSWY.js";import"../../../chunk-NTU25Q5R.js";import"../../../chunk-GHZCOICU.js";import"../../../chunk-PH2AOF7Z.js";import"../../../chunk-HUHGGLQE.js";export{a as RadioGroup};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--uil-black: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-white: #ffffff;--uil-white-alt: #ffffff;--uil-grey: #f3f3f3;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #878787;--uil-outline-focus: #2779ca;--uil-default-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-custom-hover: 0, 0, 0;--uil-success: #009c73;--uil-error: #CF0934;--uil-warning: #FFD700;--uil-warning-alt: #d1b21a;--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}.L{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.M{font-size:var(--uil-m);line-height:var(--uil-m)}.N{font-size:var(--uil-l);line-height:var(--uil-l)}.O{font-size:var(--uil-xxl);line-height:var(--uil-xxl)}.P{--uil-black: #ffffff;--uil-outline-focus: #7bb4ff;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-white-alt: #3a3a3a;--uil-default-hover: 50, 121, 202;--uil-black-alt: #c3c3c3;--uil-success: #00cc96;--uil-success-hover: 0, 163, 115;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-custom-hover: 255, 255, 255}.e{margin:auto;border-radius:5px;background-color:var(--uil-white-alt)}.e::backdrop{background-color:#00000080}.e.Q{width:25%}.e.R{width:50%}.e.S{width:75%}.e .f{font-weight:700;padding:.5rem}.e .f.A{background-color:var(--uil-outline-focus);color:var(--uil-white)}.e .f.B{background-color:var(--uil-success);color:var(--uil-white)}.e .f.G{background-color:var(--uil-warning);color:var(--uil-black-light)}.e .f.H{background-color:var(--uil-error);color:var(--uil-white)}.e .f.A,.e .f.B,.e .f.G,.e .f.H{border-top-left-radius:4px;border-top-right-radius:4px}.e .I{display:flex;flex-direction:column;padding:.5rem}.e .I.T{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .z{display:flex;gap:2rem;padding:.5rem}.e .z.U{justify-content:start}.e .z.V{justify-content:end}.e .z.W{justify-content:space-between}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a,b,c,d}from"../../chunk-HC757SDI.js";import"../../chunk-HUHGGLQE.js";export{a as Dialog,c as DialogContent,d as DialogControls,b as DialogTitle};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--uil-black: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-white: #ffffff;--uil-white-alt: #ffffff;--uil-grey: #f3f3f3;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #878787;--uil-outline-focus: #2779ca;--uil-default-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-custom-hover: 0, 0, 0;--uil-success: #009c73;--uil-error: #CF0934;--uil-warning: #FFD700;--uil-warning-alt: #d1b21a;--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}.L{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.M{font-size:var(--uil-m);line-height:var(--uil-m)}.N{font-size:var(--uil-l);line-height:var(--uil-l)}.O{font-size:var(--uil-xxl);line-height:var(--uil-xxl)}.P{--uil-black: #ffffff;--uil-outline-focus: #7bb4ff;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-white-alt: #3a3a3a;--uil-default-hover: 50, 121, 202;--uil-black-alt: #c3c3c3;--uil-success: #00cc96;--uil-success-hover: 0, 163, 115;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-custom-hover: 255, 255, 255}.r{width:100%}.r .o{position:relative;display:flex;align-items:center}.r .o.d{border-bottom:1px solid var(--uil-grey-dark)}.r .o.d .i{padding-left:0}.r .o.d .u{left:0}.r .o.d .a{border-bottom:1px solid var(--uil-grey-dark)}.r .o.d .t.F{margin-right:.875rem}.r .o.s,.r .o.s .a{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .o.s .t.F{margin-left:.875rem}.r .o.s .t.ar{margin-right:.875rem}.r .o.d:not(:has(.i:disabled)):not(.c):not(:focus-within):has(.i:placeholder-shown):hover,.r .o.s:not(:has(.i:disabled)):not(.c):not(:focus-within):has(.i:placeholder-shown):hover{border-color:var(--uil-black)}.r .o.d:not(:has(.i:disabled)):not(.c):not(:focus-within):has(.i:placeholder-shown):hover .a,.r .o.s:not(:has(.i:disabled)):not(.c):not(:focus-within):has(.i:placeholder-shown):hover .a{border-color:var(--uil-black)}.r .o.d:not(:has(.i:disabled)):not(.c):not(:focus-within):has(:not(.i:placeholder-shown)):hover .a,.r .o.s:not(:has(.i:disabled)):not(.c):not(:focus-within):has(:not(.i:placeholder-shown)):hover .a{border-color:var(--uil-black)}.r .o.d:focus-within,.r .o.d:has(.i:not(:placeholder-shown)),.r .o.s:focus-within,.r .o.s:has(.i:not(:placeholder-shown)){border-color:transparent}.r .o.d:has(.t.F),.r .o.s:has(.t.F){flex-direction:row-reverse}.r .o.d:has(.t.y),.r .o.s:has(.t.y){border:transparent}.r .o.d:has(.i:disabled),.r .o.s:has(.i:disabled){border-color:var(--uil-grey-alt)}.r .o.d:has(.i:disabled:not(:placeholder-shown)),.r .o.s:has(.i:disabled:not(:placeholder-shown)){border-color:transparent}.r .o.c{border-color:var(--uil-error)}.r .o.c .a,.r .o.c .i:focus~.a,.r .o.c .i:not(:placeholder-shown)~.a{border-color:var(--uil-error)}.r .o.c .u{color:var(--uil-error);opacity:1}.r .o .a{border-radius:0;padding:var(--uil-s);margin:0;position:absolute;top:-.8125rem;left:0;right:0;bottom:0;pointer-events:none;visibility:hidden;border:none}.r .o .a .er{visibility:hidden;padding:0 2px}.r .o .u{position:absolute;top:20%;left:var(--uil-m);cursor:text;color:var(--uil-black);opacity:.6;transition:top .25s ease-in-out}.r .o .g{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .25s ease,line-height .25s ease}.r .o .g.tr{margin-left:var(--uil-xxxs)}.r .o .i{box-sizing:border-box;width:100%;color:var(--uil-black);background-color:transparent;border-radius:0;padding:var(--uil-xs);padding-left:.875rem;border:none;outline:none}.r .o .i:disabled{color:var(--uil-grey-dark)}.r .o .i:disabled~.a{border-color:var(--uil-grey-alt)}.r .o .i:disabled:not(:placeholder-shown)~.a{border-color:var(--uil-grey-alt)}.r .o .i:disabled~.u{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .o .t{min-width:fit-content;opacity:.75}.r .o .t.x{visibility:hidden}.r .o .i:focus~.t.x,.r .o .i:not(:placeholder-shown)~.t.x{visibility:visible}.r .o .i:focus~.u,.r .o .i:not(:placeholder-shown)~.u,.r .o .i:focus~.t.x~.u,.r .o .t.y~.u{top:-35%}.r .o:not(.c) .i:not(:disabled):focus~.u{opacity:1;color:var(--uil-outline-focus)}.r .o .i:focus~.a,.r .o .i:not(:placeholder-shown)~.a,.r .o .i:focus~.t.x~.a,.r .o .t.y~.a{visibility:visible}.r .o .i:focus~.a{border-color:var(--uil-outline-focus);border-width:2px}.r .o .i:focus~.u .g,.r .o .i:not(:placeholder-shown)~.u .g,.r .o .i:focus~.t.x~.u .g,.r .o .t.y~.u .g,.r .o .i:focus~.a .g,.r .o .i:not(:placeholder-shown)~.a .g,.r .o .i:focus~.t.x~.a .g,.r .o .t.y~.a .g{font-size:var(--uil-s);line-height:var(--uil-s)}.r .q{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 .q.c{color:var(--uil-error)}.r .o.d~.q{margin-left:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a,b}from"../../chunk-LU5OR3GV.js";import"../../chunk-PH2AOF7Z.js";import"../../chunk-HUHGGLQE.js";export{b as Input,a as InputDecorator};
|
package/dist/hooks/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"../chunk-7M2VOCYN.js";import{a}from"../chunk-N4HUAT4S.js";export{a as useContrastColor};
|