linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/assets/noPermission.css

@@ -0,0 +1 @@
+.no-permission-component{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.no-permission-component>.text,.no-permission-component .subtext{text-align:center}.no-permission-component .text{font-size:26px;margin-top:20px;color:#4e4c4c}.no-permission-component .subtext{font-size:15px;margin-top:5px;color:#a8a8a8}

package/lib/assets/panel.css

@@ -0,0 +1 @@
+.panel-component{font-family:Roboto;border:0;border-radius:5px;height:100%;margin-bottom:20px;border:solid 1px #dae1e8;display:flex;flex-direction:column}.panel-component.panel-shadow{box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f}.panel-component>.panel-header{display:flex;align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;border-radius:5px 5px 0 0;height:40px;padding:0}.panel-component>.panel-header.-uncolored{border:0;background-color:transparent}.panel-component>.panel-header>.title{align-items:center;font-size:14px;font-weight:700;margin:0 0 0 15px;padding:0;color:#777;line-height:1.2em}.panel-component>.panel-header>.toolbar-component{flex-grow:1;background-color:transparent;float:right;width:auto;margin-right:2px}.panel-component>.panel-header>.icon-left-panel{display:flex;align-items:center;height:100%;margin-left:15px;margin-right:-8px;width:auto}.panel-component>.panel-content{flex:1;overflow:auto;padding:15px;position:relative}.panel-component.-success>.panel-header>.title,.panel-component.-primary>.panel-header>.title,.panel-component.-info>.panel-header>.title,.panel-component.-warning>.panel-header>.title,.panel-component.-danger>.panel-header>.title{color:#fff}.panel-component.-success{border-color:#4bb462}.panel-component.-success>.panel-header{background-color:#49cc90}.panel-component.-primary{border-color:#2386c8}.panel-component.-primary>.panel-header{background-color:#3498db}.panel-component.-info{border-color:#1faca0}.panel-component.-info>.panel-header{background-color:#24cabc}.panel-component.-warning{border-color:#ad6e09}.panel-component.-warning>.panel-header{background-color:#f39c12}.panel-component.-danger{border-color:#bd2717}.panel-component.-danger>.panel-header{background-color:#e74c3c}

package/lib/assets/progressbar.css

@@ -0,0 +1 @@
+.wizard-dialog .wizard-wrapper .wizard-content{display:flex!important}.wizard-dialog .wizard-wrapper .wizard-content:has(.wizard-progressbar[data-position=top]){flex-direction:column}.wizard-dialog .wizard-wrapper .wizard-content:has(.wizard-progressbar[data-position=left]){flex-direction:row}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title{font-size:16px;font-weight:600;display:flex;align-items:center;position:relative}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-disabled=true]{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-disabled=true] .step .number{background-color:#dadada;border-color:#dadada}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-disabled=true] .step-title{color:#dadada}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-completed=true]>.step>.number{background-color:#49cc90;border-color:#49cc90}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title>.step{display:flex;flex-direction:column;align-items:center;justify-content:center}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title>.step>.number{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;width:36px;height:36px;border-radius:100%;color:#fff;background-color:#858585;z-index:1;transition:all .2s ease-in-out;border:2px solid #858585}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title>.step-title{max-width:150px;overflow:hidden;font-weight:500;color:#777}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]{width:100%;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;justify-content:space-between;padding:20px;margin-bottom:20px;border-bottom:2px solid #dae1e8;gap:10px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title{flex-direction:column;flex:1;text-align:center}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:first-child .step{align-self:flex-start}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:first-child .step-title{align-self:flex-start;text-align:left}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:first-child:before{right:auto;left:45px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:last-child .step{align-self:flex-end}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:last-child .step-title{align-self:flex-end;text-align:right}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:last-child:after{left:auto;right:45px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:after,.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:before{content:"";position:absolute;height:2px;background-color:#dae1e8;top:18px;width:calc(100% - 25px);transition:all .2s ease-in-out}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:after{left:calc(50% + 18px)}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:before{right:calc(50% + 18px)}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]:after{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]+.title:before{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]:first-child:before{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]+.title:after{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title>.step{width:54px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title>.step-title{margin-top:6px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]{width:220px;display:flex;flex-direction:column;gap:30px;border-right:1px solid #ccc;padding:10px 16px 10px 10px;margin-right:10px;background-color:#fafafa}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title{gap:10px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title:has(+.title):after{content:"";position:absolute;bottom:-44px;left:17px;width:3px;height:calc(100% + 10px);background-color:#dadada}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title[data-completed=true]:has(+.title):after{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title>.step{width:36px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-body{overflow:auto}

package/lib/assets/radio.css

@@ -0,0 +1 @@
+.disabled+.description{color:#bbb;fill:#bbb;background-color:transparent}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.radio-button.-skeletonized>.description>span,.radio-button.-skeletonized>.radio-component:checked+.description:before,.radio-button.-skeletonized>.radio-component:checked+.description:after,.radio-button.-skeletonized>.radio-component:not(:checked)+.description:before,.radio-button.-skeletonized>.radio-component:not(:checked)+.description:after{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.radio-button.-skeletonized>.description>span.-white,.radio-button.-skeletonized>.radio-component:checked+.-white.description:before,.radio-button.-skeletonized>.radio-component:checked+.-white.description:after,.radio-button.-skeletonized>.radio-component:not(:checked)+.-white.description:before,.radio-button.-skeletonized>.radio-component:not(:checked)+.-white.description:after{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes ripple{0%{box-shadow:0 0 0 1px #0000}50%{box-shadow:0 0 0 15px #0000001a}to{box-shadow:0 0 0 15px #0000}}.radio-component:disabled+.description:before{background-color:#e5e5e5!important}.radio-component:disabled+.description:before{background-color:#e5e5e5}.radio-component:disabled+.description{color:#cacaca!important}.radio-component:checked,.radio-component:not(:checked){position:absolute;left:-9999px}.radio-component:focus+label:before{box-shadow:0 0 2px 1px #a10d0d}.radio-component:checked+.description,.radio-component:not(:checked)+.description{position:relative;padding-left:1.35rem;cursor:pointer;line-height:20px;display:inline-block;color:#777}.radio-component:checked+.description.-medium,.radio-component:not(:checked)+.description.-medium{padding-left:1.6rem;padding-top:.1rem}.radio-component:checked+.description.-large,.radio-component:not(:checked)+.description.-large{padding-left:1.875rem;padding-top:.2rem}.radio-component:checked+.description:before,.radio-component:not(:checked)+.description:before{content:"";position:absolute;left:0;top:0;border:1px solid #dae1e8;border-radius:100%;background:#fff}.radio-button .-small:before{width:16px;height:16px;top:.225rem;left:.265rem}.radio-button .-medium:before{width:20px;height:20px;top:.245rem;left:.285rem}.radio-button .-large:before{width:24px;height:24px;top:.245rem;left:.285rem}.radio-button .-small:after{width:8px;height:8px;top:.23rem;left:.27rem}.radio-button .-medium:after{width:12px;height:12px;top:.24rem;left:.26rem}.radio-button .-large:after{width:16px;height:16px;top:.245rem;left:.285rem}.radio-component:checked+.description:after,.radio-component:not(:checked)+.description:after{content:"";background:#a10d0d;position:absolute;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}.radio-component:not(:checked)+.description:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.radio-component:checked+.description:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.radio-button.-skeletonized>.radio-component:not(:checked)+.description,.radio-button.-skeletonized>.radio-component:checked+.description{cursor:initial}.radio-button.-skeletonized>.radio-component:checked+.description:before,.radio-button.-skeletonized>.radio-component:checked+.description:after,.radio-button.-skeletonized>.radio-component:not(:checked)+.description:before,.radio-button.-skeletonized>.radio-component:not(:checked)+.description:after{border-color:transparent}

package/lib/assets/skeleton.css

@@ -0,0 +1 @@
+.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.skeleton-component{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.-white.skeleton-component{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.skeletoncontainer-component{width:100%;height:100%;display:flex;flex-direction:column;gap:10px}.skeletoncontainer-component.-row{flex-direction:row}.skeleton-component{width:100%;height:100%;flex-grow:1;margin-bottom:10px}.skeleton-component.-round{flex-grow:0;margin:0;padding:0;box-sizing:border-box;border-radius:50%}.skeleton-component.-round.-mini{width:36px;height:36px}.skeleton-component.-round.-small{width:48px;height:48px}.skeleton-component.-round.-medium{width:64px;height:64px}.skeleton-component.-round.-large{width:96px;height:96px}

package/lib/assets/table.css

@@ -0,0 +1 @@
+@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.table-component>.bodycontainer>.innertable>.tbody.-disabled,.table-component>.tbody.-disabled{color:#c1c1c1!important;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#f5f5f5!important;pointer-events:none;border:none}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.table-component>.bodycontainer>.innertable>.tbody.skeleton-transparency:before,.table-component>.tbody.skeleton-transparency:before{content:"";position:absolute;width:100%;height:100%;background:#fff;background:linear-gradient(180deg,#fff0,#fff3 30%,#fff9 70%,#fffc)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}.table-component{width:100%;max-width:100%;background-color:transparent;color:#777;font-size:14px;max-height:20em;position:relative}.table-component>.headercontainer,.table-component .bodycontainer{width:100%}.table-component>.headercontainer .innertable,.table-component .bodycontainer .innertable{width:100%}.table-component>.bodycontainer{overflow-y:auto}.table-component>.bodycontainer>.innertable>.tbody,.table-component>.tbody{position:relative}.table-component>.headercontainer>.innertable>.theader>.trow,.table-component>.bodycontainer>.innertable>.tbody>.trow,.table-component>.theader>.trow,.table-component>.tbody>.trow{height:45px}.table-component>.tbody>.trow-divider{height:45px}.table-component>.headercontainer>.innertable>.theader>.trow>.headercolumn,.table-component>.bodycontainer>.innertable>.tbody>.trow>.rowcolumn,.table-component>.theader>.trow>.headercolumn,.table-component>.tbody>.trow>.rowcolumn{padding:0 .35rem;vertical-align:middle;border-bottom:1px solid #e6e6e6;line-height:18px}.table-component>.headercontainer>.innertable>.theader>.trow>.headercolumn>.rowskeleton,.table-component>.bodycontainer>.innertable>.tbody>.trow>.rowcolumn>.rowskeleton,.table-component>.theader>.trow>.headercolumn>.rowskeleton,.table-component>.tbody>.trow>.rowcolumn>.rowskeleton{margin:10px 0}.table-component>.headercontainer>.innertable>.theader>.trow>.headercolumn>.hidden,.table-component>.headercontainer>.innertable>.theader>.trow>.headercolumn>.rowhover,.table-component>.bodycontainer>.innertable>.tbody>.trow>.rowcolumn>.hidden,.table-component>.bodycontainer>.innertable>.tbody>.trow>.rowcolumn>.rowhover,.table-component>.theader>.trow>.headercolumn>.hidden,.table-component>.theader>.trow>.headercolumn>.rowhover,.table-component>.tbody>.trow>.rowcolumn>.hidden,.table-component>.tbody>.trow>.rowcolumn>.rowhover{display:none;animation:revealelement .2s forwards ease-in-out}.table-component>.headercontainer>.innertable>.theader>.trow>.headercolumn.-noborder,.table-component>.bodycontainer>.innertable>.tbody>.trow>.rowcolumn.-noborder,.table-component>.theader>.trow>.headercolumn.-noborder,.table-component>.tbody>.trow>.rowcolumn.-noborder{border-bottom:0}.table-component .menu-column{text-align:center;width:96px}.table-component .menu-column svg{margin:0}.table-component .menu-column span{width:100%}.table-component>.bodycontainer>.innertable>.tbody>.trow.-selected,.table-component>.bodycontainer>.innertable>.tbody>.trow[data-uitour=selected],.table-component>.tbody>.trow.-selected,.table-component>.tbody>.trow[data-uitour=selected]{background-color:#dbf1ff!important;color:#6c757d}.table-component>.bodycontainer>.innertable>.tbody>.trow .-divider,.table-component>.tbody>.trow .-divider{color:#fff;font-family:Titillium Web;font-weight:700;font-size:16px;text-align:center;padding:.35rem}.table-component>.bodycontainer>.innertable>.tbody>.trow .-divider.-primary,.table-component>.tbody>.trow .-divider.-primary{background-color:#3498db}.table-component>.bodycontainer>.innertable>.tbody>.trow .-divider.-warning,.table-component>.tbody>.trow .-divider.-warning{background-color:#f39c12}.table-component>.bodycontainer>.innertable>.tbody>.trow .-divider.-danger,.table-component>.tbody>.trow .-divider.-danger{background-color:#e74c3c}.table-component>.bodycontainer>.innertable>.tbody>.trow .-divider.-success,.table-component>.tbody>.trow .-divider.-success{background-color:#49cc90}.table-component>.bodycontainer>.innertable>.tbody>.trow .-divider.-info,.table-component>.tbody>.trow .-divider.-info{background-color:#24cabc}.table-component>.bodycontainer>.innertable>.tbody>.trow:hover>.rowcolumn>.rowhover,.table-component>.tbody>.trow:hover>.rowcolumn>.rowhover{display:table}.table-component.-condensed>.headercontainer>.innertable>.theader>.trow,.table-component.-condensed>.bodycontainer>.innertable>.tbody>.trow,.table-component.-condensed>.theader>.trow,.table-component.-condensed>.tbody>.trow{height:35px}.table-component.-bordered{border:1px solid #e0e0e0}.table-component.-bordered>.bodycontainer>.innertable>.tbody>.trow:last-child>.rowcolumn,.table-component.-bordered>.tbody>.trow:last-child>.rowcolumn{border-bottom:0}.table-component.-striped>.bodycontainer>.innertable>.tbody>.trow:nth-of-type(odd),.table-component.-striped>.tbody>.trow:nth-of-type(odd){background-color:#fcfcfc}.table-component.-hovered>.bodycontainer>.innertable>.tbody>.trow:hover,.table-component.-hovered>.tbody>.trow:hover{background-color:#eeebeb}.table-component.-headercolor>.headercontainer{background:#fafafa}.table-component.-headercolor>.headercontainer>.innertable>.theader,.table-component.-headercolor>.theader{background:#fafafa}.table-component.-scrollable{display:flex;flex-direction:column;height:100%}.table-component.-vertical>.tbody>.trow>.headercolumn{background-color:#f0f0f0;vertical-align:middle;padding-left:5px;border-bottom:1px solid #e6e6e6}.table-component.-vertical>.tbody>.trow>.rowcolumn{background-color:#f8f8f8;border-bottom:1px solid #e6e6e6;border-style:dashed}.table-component.-vertical>.tbody>.trow.-selected>.rowcolumn{background-color:#dbf1ff!important;color:#6c757d}.table-component.-skeletonized>.bodycontainer{overflow:hidden}

package/lib/assets/tabs.css

@@ -0,0 +1 @@
+@charset "UTF-8";.checkbox-component>.inputcontent>.input:disabled+span{color:#c1c1c1!important;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#f5f5f5!important;pointer-events:none;border:none}.checkbox-component>.inputcontent>.input:disabled+span+.description,.checkbox-component>.inputcontent>.input:checked:disabled+span>svg{color:#bbb;fill:#bbb;background-color:transparent}.checkbox-component>.inputcontent>.description>.hint{width:100%;color:#777;font-size:13px;line-height:16px;margin-top:5px;padding:0}.checkbox-component>.inputcontent>.description{color:#3e3e3e;font-size:14px;padding:0}.checkbox-component>.inputcontent>.-uppercase.description{text-transform:uppercase}.checkbox-component>.inputcontent>.-requiredlabel.description{color:red;font-weight:600;font-size:14px;margin-left:1px}.checkbox-component[data-skeletonized=true]>.inputcontent>.description>span,.checkbox-component[data-skeletonized=true]>.inputcontent>.description>.hint>span,.checkbox-component[data-skeletonized=true]>.inputcontent .input:checked+span,.checkbox-component[data-skeletonized=true]>.inputcontent .input:disabled:checked+span:before,.checkbox-component[data-skeletonized=true]>.inputcontent .input+span{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.checkbox-component[data-skeletonized=true]>.inputcontent>.description>span.-white,.checkbox-component[data-skeletonized=true]>.inputcontent>.description>.hint>span.-white,.checkbox-component[data-skeletonized=true]>.inputcontent .input:disabled:checked+span.-white:before,.checkbox-component[data-skeletonized=true]>.inputcontent .input+span.-white{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.checkbox-component>.inputcontent{display:flex}.checkbox-component>.inputcontent>.input{pointer-events:none;opacity:0;width:0;height:0}.checkbox-component>.inputcontent>.input:disabled+span{border:1px solid #dae1e8}.checkbox-component>.inputcontent>.input:checked:disabled+span{border:1px solid #dae1e8}.checkbox-component>.inputcontent>.input:checked+span>svg{display:block;fill:#fff;margin:0}.checkbox-component>.inputcontent>.input+span{position:relative;min-width:18px;min-height:18px;width:18px;height:18px;vertical-align:middle;background:#fff left top no-repeat;border:1px solid #dae1e8;cursor:pointer;display:flex;margin-right:6px;align-items:center;justify-content:center}.checkbox-component>.inputcontent>.input+span:hover{animation-duration:.5s;animation-name:blink-effect;animation-iteration-count:infinite;animation-direction:alternate}.checkbox-component>.inputcontent>.input+span>svg{display:none}.checkbox-component>.inputcontent>.input:checked+span{background-color:#a10d0d;border-color:#d30f0f;color:#fff;animation-duration:.2s;animation-name:select-checkbox;animation-iteration-count:1;animation-direction:Normal}.checkbox-component>.inputcontent>.input:focus+span{border:2px solid rgb(161,13,13)}.checkbox-component>.inputcontent>.description{cursor:pointer;flex:1;line-height:18px}.checkbox-component>.inputcontent>.description>.hint{margin-top:0}.checkbox-component>.errormessages{width:100%;color:red;font-size:13px!important;line-height:13px;margin-top:0}.checkbox-component[data-skeletonized=true]>.inputcontent .input+span{border-color:transparent}.item-container:active:before{width:120%;padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out}.item-container>.item.disabled{color:#c1c1c1!important;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#f5f5f5!important;pointer-events:none;border:none}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.list-component>.skeleton-transparency:after{content:"";position:absolute;width:100%;height:100%;background:#fff;background:linear-gradient(180deg,#fff0,#fff3 30%,#fff9 70%,#fffc)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}.list-component{border:1px solid #E8E8E8;box-shadow:1px 1px 1px #d1d1d1;border-radius:5px;overflow:auto;height:100%}.list-component.-listbackground{background:#fff!important}.list-component.-condensed .item-container{height:40px;line-height:40px!important}.list-component.-condensed .item{line-height:40px!important}.list-component>.skeleton-transparency{position:relative}.list-component>.skeleton-transparency:after{top:0;left:0}.item-container{display:flex;flex-wrap:wrap;transition:all .2s ease-in-out;position:relative}.item-container.hovered:hover,.item-container.-activedlist{background-color:#e1e1e1}.item-container>.linkitem{position:absolute;height:48px;width:100%}.item-container>.item{flex:1 0 1%;box-sizing:border-box;cursor:pointer;color:#0000008a;font-size:14px;line-height:48px;width:100%;padding-left:10px;padding-right:10px;align-items:center}.item-container>.item>.text{display:inline-block;font-weight:400;justify-content:space-between;padding-left:0;line-height:18px;vertical-align:middle}.item-container>.item>.subtext{display:flex;align-items:center;justify-content:left;font-size:12px;line-height:18px;margin-bottom:12px;margin-top:0;color:#0000008a;padding-left:0;text-overflow:ellipsis}.item-container>.item.disabled:hover{display:none}.item-container>.item.-icon-left{flex:0 0 0;padding-left:7px;padding-right:5px;align-items:center;display:grid}.item-container>.item.-icon-right{flex:0 0 0;align-items:center;padding-left:13px;padding-right:5px;display:grid}.list-header .title{box-sizing:border-box;color:#0000008a;font-size:14px;font-weight:600!important;line-height:48px;padding-left:7px;width:100%}.list-separator{border-bottom:1px solid rgba(223,223,223,.5)}.list-component>.item-container:last-child>.item{border-bottom:none}.dropdown-hide-tabs .menuitem>.closepanel,.tabs-component .menu>.menuitem>.closepanel{background-color:transparent;border:0;height:20px;margin-right:5px;padding:0;text-shadow:0 1px 0 #ffffff;width:20px;visibility:hidden;transition:all .2s ease-in-out;border-radius:4px}.dropdown-hide-tabs .menuitem>.closepanel:after,.tabs-component .menu>.menuitem>.closepanel:after{content:"×";font-size:20px;text-shadow:none;color:#777;transition:all .2s ease-in-out}.dropdown-hide-tabs .menuitem>.closepanel:hover,.tabs-component .menu>.menuitem>.closepanel:hover{background-color:#858585}.dropdown-hide-tabs .menuitem>.closepanel:hover:after,.tabs-component .menu>.menuitem>.closepanel:hover:after{color:#fff}.tabs-component>.menucontainer,.tabs-component{-webkit-box-shadow:0px -1px 0px #dae1e8 inset;-moz-box-shadow:0px -1px 0px #dae1e8 inset;box-shadow:0 -1px #dae1e8 inset}.tabs-component .menu{display:flex;flex:1;overflow:hidden}.tabs-component .menu.-firsttabident>.menuitem:first-child{margin-left:15px}.tabs-component .menu>.menuitem{border-bottom:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;text-shadow:0 1px #ffffff;cursor:pointer;line-height:20px;margin-right:1px;padding:0;width:auto;min-width:100px;display:flex;align-items:center}.tabs-component .menu>.menuitem.selected{border:1px solid #dae1e8;background:#fff;border-bottom:1px solid #ffffff;border-top:2px solid rgb(161,13,13);box-shadow:0;font-weight:700}.tabs-component .menu>.menuitem.selected>.closepanel,.tabs-component .menu>.menuitem:hover>.closepanel{visibility:visible}.tabs-component .menu>.menuitem>.menubutton{white-space:nowrap;text-overflow:ellipsis;background:transparent;border:0;width:100%;text-align:left}.tabs-component .menubar{width:auto;border-bottom:1px solid #dae1e8}.tabs-component{display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;overflow:auto}.tabs-component>.menucontainer{width:100%;display:flex;min-height:35px;overflow:hidden}.tabs-component>.menucontainer>.dropdownbutton{border-bottom:1px solid #dae1e8;padding:0;width:38px;visibility:hidden;pointer-events:none;opacity:0;display:flex;align-items:center;justify-content:center}.tabs-component>.menucontainer>.dropdownbutton.show{visibility:visible;pointer-events:all;opacity:1}.tabs-component>.menucontainer>.dropdownbutton.has-selected{border:1px solid rgb(161,13,13)!important}.tabs-component>.menucontainer>.dropdownbutton>svg{margin:0;float:none}.tabs-component>.menucontainer .toolbar-component{width:auto}.tabs-component>.panel{background-color:#fff;border:1px solid #dae1e8;border-top:0;padding:10px;overflow:auto}.tabs-component .hidepanel{display:none}.tabs-component.menu-left{grid-template-columns:auto 1fr;grid-template-rows:none}.tabs-component.menu-left>.menucontainer>.menu{box-shadow:-1px 0 #dae1e8 inset;flex-direction:column;justify-content:center}.tabs-component.menu-left>.menucontainer>.menu>.menuitem{border-radius:5px 0 0 5px;-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px}.tabs-component.menu-left>.menucontainer>.menu>.menuitem.selected{border:1px solid #dae1e8;border-right:1px solid #ffffff;border-left:2px solid rgb(161,13,13);width:100%}.tabs-component.menu-left>.menucontainer>.menu>.menuitem>.closepanel{float:left}.tabs-component.menu-left>.panel{border-top:1px solid #dae1e8;border-left:0}.tabs-component.menu-bottom{grid-template-rows:1fr auto}.tabs-component.menu-bottom .menucontainer>.menu{box-shadow:0 1px 1px #dae1e8 inset}.tabs-component.menu-bottom .menucontainer>.menu>.menuitem{border-radius:0 0 5px 5px;-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px}.tabs-component.menu-bottom .menucontainer>.menu>.menuitem.selected{border:1px solid #dae1e8;border-top:1px solid #ffffff;border-bottom:2px solid rgb(161,13,13);height:100%}.tabs-component.menu-bottom>.panel{border-top:1px solid #dae1e8;border-bottom:0}.tabs-component.menu-right{grid-template-columns:1fr auto;grid-template-rows:none}.tabs-component.menu-right .menucontainer>.menu{box-shadow:2px 0 0 -1px #dae1e8 inset;flex-direction:column;justify-content:center}.tabs-component.menu-right .menucontainer>.menu>.menuitem{border-radius:0 5px 5px 0;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px}.tabs-component.menu-right .menucontainer>.menu>.menuitem.selected{border:1px solid #dae1e8;border-left:1px solid #ffffff;border-right:2px solid rgb(161,13,13);width:100%}.tabs-component.menu-right>.panel{border-top:1px solid #dae1e8;border-right:0}.dropdown-hide-tabs .item-container>.item{width:auto;padding-left:10px}.dropdown-hide-tabs .menuitem{cursor:pointer;line-height:20px;margin-right:1px;display:flex;align-items:center;min-height:50px;gap:8px}.dropdown-hide-tabs .menuitem>svg{margin:0}.dropdown-hide-tabs .menuitem>.menubutton{padding:0}.dropdown-hide-tabs .menuitem>.closepanel{margin-left:auto;margin-right:0}.dropdown-hide-tabs .menuitem:hover>.closepanel{visibility:visible}

package/lib/assets/toolbar.css

@@ -0,0 +1 @@
+.toolbar-component{float:left;width:100%}.toolbar-component>.buttonbar{margin-right:5px;float:left}.toolbar-component>.labelbar{margin-right:5px;float:left}.toolbar-component .separator{background-color:#d7d7da;display:inline-block;width:1px;margin:0 5px;height:100%;border-left:1px solid #e2e8ea;border-right:1px solid #ffffff;border-radius:50%}.toolbar-component .toolbar-group{display:flex;align-content:center;float:right;height:100%}.toolbar-component .toolbar-group>.input-base-component:has(+.buttonbar) .inputwrapper{border-right-width:0}.toolbar-component .toolbar-group>.buttonbar{border-radius:0;border-width:1px;border:1px solid #efe9e9;border-right-width:0px;margin-right:0}.toolbar-component .toolbar-group>.buttonbar:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.toolbar-component .toolbar-group>.buttonbar:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right-width:1px}.toolbar-component .toolbar-group>.labelbar{border-radius:0;border-width:1px;border-right-width:0px;margin-right:0}.toolbar-component .toolbar-group>.labelbar:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.toolbar-component .toolbar-group>.labelbar:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right-width:1px}.toolbar-component.small-bar{height:34px;padding:3px}.toolbar-component.large-bar{height:56px;padding:3px}

package/lib/assets/withDropdown.css

@@ -0,0 +1 @@
+.dropdown-component>.dropdown{transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;box-shadow:#00000040 0 14px 45px,#00000038 0 10px 18px}.dropdown-component>.dropdown{color:#0000008a;box-shadow:#00000040 0 14px 45px,#00000038 0 10px 18px}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.dropdown-component{position:absolute;animation:.3s ease-in 0s 1 slideDown,revealelement .3s forwards ease-in-out;box-shadow:-6px 6px 50px -12px #3336;z-index:99999}.dropdown-component>.dropdown{background-color:#fff;border:#dae1e8;display:grid;grid-template-rows:auto;height:auto;overflow-y:auto;overflow-x:hidden;position:absolute;margin-top:2px;z-index:99999;transform:translate(25%)}.dropdown-component.left{border:3px solid red;float:left}.dropdown-component.-floatdropdown{font-family:Roboto,sans-serif;line-height:16px;margin-top:-15px;position:absolute;width:325px!important;min-height:300px;height:auto;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:none}.dropdown-component.-floatdropdown:before{pointer-events:none;position:absolute;content:"";border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:10px;border-width:10px;border-top-width:0;border-color:transparent;border-bottom-color:#fff;transform:translateY(-10px);margin-left:-145px;z-index:99999}.dropdown-component.-floatdropdown>.items{background-color:#fff;margin:9px 7px 23px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding-left:20px;padding-top:21px;padding-bottom:20px;border:1px solid rgba(197,188,188,.2823529412);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.2);box-shadow:0 0 10px #0003;animation:revealelement .3s forwards ease-in-out}.dropdown-component.-floatdropdown>.items>.floatmenuitem,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem{text-decoration:none;color:#666;text-align:center}.dropdown-component.-floatdropdown>.items>.floatsubmenu{position:relative;animation:slideWithPositionRightToLeft .4s}.dropdown-component.-floatdropdown>.items>.floatsubmenu{width:100%}.dropdown-component.-floatdropdown>.items>.floatsubmenu>.submenuheader{color:#777;display:flex;align-items:center;gap:10px;margin-bottom:10px}.dropdown-component.-floatdropdown>.items>.floatsubmenu>.submenuheader span{font-weight:500}.dropdown-component.-floatdropdown>.items>.floatsubmenu>.submenucontent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.dropdown-component.-floatdropdown>.items>.floatsubmenu>.submenucontent svg{margin:0 auto}.dropdown-component.-floatdropdown>.items>.floatmenuitem .-items,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem .-items{border:solid 1px #f2f2f2;margin:0 5px 5px 0;font-size:12px;font-weight:400;width:88px;height:88px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;transition:all .2s ease-in-out}.dropdown-component.-floatdropdown>.items>.floatmenuitem .-items:hover,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem .-items:hover{background:#f2f2f2}.dropdown-component.-floatdropdown>.items>.floatmenuitem .-items:hover>.floatmenudropdown,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem .-items:hover>.floatmenudropdown{visibility:visible;pointer-events:initial;opacity:1}.dropdown-component.-floatdropdown>.items>.floatmenuitem .-items>.floatmenudropdown,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem .-items>.floatmenudropdown{position:absolute;padding:0;top:5px;right:5px;visibility:hidden;opacity:0;pointer-events:none}.dropdown-component.-floatdropdown>.items>.floatmenuitem .-items>.floatmenulink,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem .-items>.floatmenulink{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;text-decoration:none;color:#666;text-align:center}.dropdown-component.-floatdropdown>.items>.floatmenuitem .-items.iconcontainer,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem .-items.iconcontainer{padding-bottom:10px;margin-top:-25px}.dropdown-component.-floatdropdown>.items>.floatmenuitem .-items.nameitem,.dropdown-component.-floatdropdown>.items>.floatsubmenu .floatmenuitem .-items.nameitem{margin-bottom:-25px;text-align:center;font-weight:500}

package/lib/avatar/avatar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/avatar/index.d.ts

@@ -0,0 +1,6 @@
+import { IAvatarProps } from './types';
+declare const _default: {
+    (props: IAvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/lib/avatar/index.js

@@ -0,0 +1,55 @@
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import v, { useRef as j } from "react";
+import b from "../icons/index.js";
+import C from "../dropdown/withDropdown.js";
+import '../assets/index10.css';const R = ({
+  className: t,
+  square: r,
+  disabled: e,
+  size: o = "default"
+}) => `avatar-component ${t}${e && "-disabled"} 
+  ${r && "-square"} ${o && `-${o}`}`, y = (t, r) => r || (t ? /* @__PURE__ */ s.jsx(b, { name: t, size: 16 }) : null), A = (t) => {
+  const {
+    width: r,
+    height: e,
+    onClick: o,
+    color: $,
+    iconName: l,
+    icon: c,
+    src: n,
+    srcAlt: h = "Avatar",
+    customClass: p,
+    targetRef: d,
+    label: g,
+    dropdown: i,
+    showDropdown: m,
+    getDropdownPopup: u,
+    style: w,
+    id: x
+  } = t, f = j(null);
+  return /* @__PURE__ */ s.jsxs(v.Fragment, { children: [
+    /* @__PURE__ */ s.jsxs("div", { "data-testid": "avatar", id: x, onKeyPress: () => {
+    }, role: "button", tabIndex: -1, onClick: (a) => {
+      o && o(a), i && m && m();
+    }, ref: (a) => {
+      d && d(a), f.current = a;
+    }, className: `${R(t)} ${p}`, style: {
+      width: `${r}`,
+      height: `${e}`,
+      backgroundColor: `${$}`,
+      cursor: `${i ? "pointer" : "normal"}`,
+      ...w
+    }, children: [
+      (l || c) && !n && y(l, c),
+      n && /* @__PURE__ */ s.jsx("img", { className: "imgavatar", style: {
+        width: `${r}`,
+        height: `${e}`
+      }, src: n, alt: h }),
+      g
+    ] }),
+    i && u && u(f.current)
+  ] });
+}, P = C(A);
+export {
+  P as default
+};

package/lib/avatar/types.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties, MouseEvent, ReactElement, ReactNode } from 'react';
+import { IconNames } from '../@types/Icon';
+import { Size } from '../@types/Size';
+export interface IAvatarProps {
+    onClick?: (event: MouseEvent) => void;
+    size?: Size;
+    width?: string;
+    height?: string;
+    color?: string;
+    iconName?: IconNames;
+    icon?: ReactElement;
+    src?: string;
+    srcAlt?: string;
+    children?: ReactNode;
+    square?: boolean;
+    customClass?: string;
+    className?: string;
+    targetRef?: (ref: HTMLDivElement | null) => void;
+    dropdown?: boolean;
+    dropdownOnHover?: boolean;
+    showDropdown?: () => void;
+    getDropdownPopup?: (ref: HTMLDivElement | null) => ReactNode;
+    label?: string;
+    style?: CSSProperties;
+    id?: string;
+    disabled?: boolean;
+}

package/lib/badge/badge.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/badge/index.d.ts

@@ -0,0 +1,3 @@
+import { IBadgeProps } from './types';
+declare const Badge: (props: IBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/lib/badge/index.js

@@ -0,0 +1,28 @@
+import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as v } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import '../assets/index.css';const C = (f) => {
+  const t = v.c(11), {
+    color: d,
+    customClass: g,
+    customClassForBadge: u,
+    children: c,
+    content: n,
+    top: p,
+    right: m
+  } = f, h = d === void 0 ? "default" : d, $ = p === void 0 ? "-16px" : p, j = m === void 0 ? "-11px" : m, l = `badge-component ${g}`, r = `badge -${h} ${u}`, i = `${$}`, a = `${j}`;
+  let o;
+  t[0] !== i || t[1] !== a ? (o = {
+    top: i,
+    right: a
+  }, t[0] = i, t[1] = a, t[2] = o) : o = t[2];
+  let s;
+  t[3] !== n || t[4] !== r || t[5] !== o ? (s = /* @__PURE__ */ x.jsx("span", { className: r, style: o, children: n }), t[3] = n, t[4] = r, t[5] = o, t[6] = s) : s = t[6];
+  let e;
+  return t[7] !== c || t[8] !== l || t[9] !== s ? (e = /* @__PURE__ */ x.jsxs("div", { className: l, children: [
+    c,
+    s
+  ] }), t[7] = c, t[8] = l, t[9] = s, t[10] = e) : e = t[10], e;
+};
+export {
+  C as default
+};

package/lib/badge/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface IBadgeProps {
+    color?: 'default' | 'primary' | 'danger' | 'warning' | 'success' | 'info';
+    top?: string;
+    right?: string;
+    children: ReactNode;
+    customClass?: string;
+    customClassForBadge?: string;
+    content?: ReactNode;
+}

package/lib/buttons/ActivateButton.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from './types';
+declare const ActivateButton: (props: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ActivateButton;

package/lib/buttons/ActivateButton.js

@@ -0,0 +1,11 @@
+import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as r } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import i from "./Button.js";
+const u = (e) => {
+  const t = r.c(2);
+  let o;
+  return t[0] !== e ? (o = /* @__PURE__ */ m.jsx(i, { ...e, iconName: "undo" }), t[0] = e, t[1] = o) : o = t[1], o;
+};
+export {
+  u as default
+};

package/lib/buttons/AddButton.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from './types';
+declare const AddButton: (props: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default AddButton;

package/lib/buttons/AddButton.js

@@ -0,0 +1,14 @@
+import { j as r } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import i from "./SuccessButton.js";
+import n from "../icons/index.js";
+const u = (m) => {
+  const t = c.c(3);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ r.jsx(n, { name: "new_file", color: "white" }), t[0] = e) : e = t[0];
+  let o;
+  return t[1] !== m ? (o = /* @__PURE__ */ r.jsx(i, { ...m, icon: e }), t[1] = m, t[2] = o) : o = t[2], o;
+};
+export {
+  u as default
+};

package/lib/buttons/Button.d.ts

@@ -0,0 +1,6 @@
+import { IButtonProps } from './types';
+interface ButtonProps extends IButtonProps {
+    split?: boolean;
+}
+declare const Button: ({ split, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/lib/buttons/Button.js

@@ -0,0 +1,19 @@
+import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { Fragment as p } from "react";
+import n from "./DefaultButton.js";
+import f from "./split_button/index.js";
+const d = (s) => {
+  const t = l.c(6);
+  let o, r;
+  t[0] !== s ? ({
+    split: r,
+    ...o
+  } = s, t[0] = s, t[1] = o, t[2] = r) : (o = t[1], r = t[2]);
+  const i = r === void 0 ? !1 : r;
+  let e;
+  return t[3] !== o || t[4] !== i ? (e = /* @__PURE__ */ m.jsx(p, { children: i ? /* @__PURE__ */ m.jsx(f, { ...o }) : /* @__PURE__ */ m.jsx(n, { ...o }) }), t[3] = o, t[4] = i, t[5] = e) : e = t[5], e;
+};
+export {
+  d as default
+};

package/lib/buttons/ButtonGroups.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface ButtonsGroupProps {
+    children: ReactNode;
+}
+declare const ButtonsGroup: ({ children }: ButtonsGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonsGroup;

package/lib/buttons/ButtonGroups.js

@@ -0,0 +1,12 @@
+import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as n } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const m = (r) => {
+  const t = n.c(2), {
+    children: s
+  } = r;
+  let o;
+  return t[0] !== s ? (o = /* @__PURE__ */ e.jsx("div", { className: "btn-group", children: s }), t[0] = s, t[1] = o) : o = t[1], o;
+};
+export {
+  m as default
+};

package/lib/buttons/CancelButton.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from './types';
+declare const CancelButton: ({ customClass, ...rest }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default CancelButton;

package/lib/buttons/CancelButton.js

@@ -0,0 +1,16 @@
+import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import i from "./Button.js";
+const u = (r) => {
+  const t = l.c(6);
+  let e, o;
+  t[0] !== r ? ({
+    customClass: e,
+    ...o
+  } = r, t[0] = r, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
+  let s;
+  return t[3] !== e || t[4] !== o ? (s = /* @__PURE__ */ m.jsx(i, { customClass: e, ...o }), t[3] = e, t[4] = o, t[5] = s) : s = t[5], s;
+};
+export {
+  u as default
+};

package/lib/buttons/DangerButton.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from './types';
+declare const DangerButton: ({ customClass, ...rest }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DangerButton;

package/lib/buttons/DangerButton.js

@@ -0,0 +1,17 @@
+import { j as n } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import a from "./Button.js";
+const p = (r) => {
+  const t = l.c(6);
+  let o, s;
+  t[0] !== r ? ({
+    customClass: o,
+    ...s
+  } = r, t[0] = r, t[1] = o, t[2] = s) : (o = t[1], s = t[2]);
+  const m = `-danger ${o}`;
+  let e;
+  return t[3] !== s || t[4] !== m ? (e = /* @__PURE__ */ n.jsx(a, { customClass: m, ...s }), t[3] = s, t[4] = m, t[5] = e) : e = t[5], e;
+};
+export {
+  p as default
+};

package/lib/buttons/DefaultButton.d.ts

@@ -0,0 +1,6 @@
+import { IButtonProps } from './types';
+declare const _default: {
+    (props: Omit<IButtonProps, "split">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/lib/buttons/DefaultButton.js

@@ -0,0 +1,95 @@
+import { j as t } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as B, useRef as V, useContext as X, useEffect as Y, Fragment as Z } from "react";
+import { _ as w } from "../chunks/lodash.CIAK_hAg.js";
+import c from "../icons/index.js";
+import ee, { TooltipContext as te } from "../internals/withTooltip.js";
+import ne from "../spinner/index.js";
+import se from "../dropdown/withDropdown.js";
+import { actionsOnPermissionDenied as ie, OPTIONS_ON_DENIED as P } from "../permissionValidations.js";
+const oe = ({
+  dropdown: n,
+  onClick: s,
+  disabled: D,
+  iconName: f,
+  icon: r,
+  targetRef: b,
+  tabIndex: g,
+  isLoading: O,
+  label: S,
+  showDropdown: l,
+  getDropdownPopup: j,
+  isDropdownOpened: T,
+  showIconDropdown: _ = !0,
+  content: C,
+  style: F,
+  toggleable: m,
+  activeIconColor: v,
+  iconStyle: N,
+  visible: k = !0,
+  customClass: z,
+  className: A,
+  size: y = "default",
+  iconAlign: E = "left",
+  boxShadow: M = !0,
+  transparent: K,
+  round: p,
+  permissionAttr: R,
+  skeletonize: W,
+  errorMessage: re,
+  isFloatMenu: le,
+  dropdownAlign: ue,
+  customClassForDropdown: ae,
+  buttonRef: d,
+  handlerClose: ce,
+  onDeniedText: q = "Permissão Negada! Consulte o Administrador do sistema.",
+  tooltip: fe,
+  tooltipWidth: me,
+  tooltipPosition: pe,
+  ...G
+}) => {
+  const H = [P.disabled, P.unvisible], [u, h] = B(!1), [$] = B(ie(H, R)), i = V(null), x = "rgb(193, 193, 193)", a = $.disabled, o = !!$.disabled || D, {
+    handlerSetOnDeniedText: J
+  } = X(te), L = () => `button-component ${A}
+      ${z}
+      ${K && "-transparent"}
+      ${o && "-disabled"}
+      ${y && `-${y}`}
+      ${n && !p && "icon-right"}
+      ${n && p && "icon-center"}
+      ${E && !n && `icon-${E}`}
+      ${M ? "" : "-shadowsdisabled"}
+      ${p && "-round"}`, I = (e) => /* @__PURE__ */ t.jsx(c, { name: "padlock", size: 16, pointerEvents: "none", color: x, style: e }), Q = () => {
+    let e = N;
+    if (o && (e = {
+      ...e,
+      fill: x
+    }), n && _) {
+      const U = f || (T ? "mini_up" : "mini_down");
+      return /* @__PURE__ */ t.jsx(c, { name: U, size: 16, customClass: "dropdown-icon", pointerEvents: "none", style: e });
+    }
+    return r ? a ? I(e) : D ? /* @__PURE__ */ t.jsx(c, { ...r.props, color: x }) : r : !r && a ? I(e) : f ? /* @__PURE__ */ t.jsx(c, { name: f, size: 16, color: m && v && u && v || "#676464", pointerEvents: "none", style: e }) : null;
+  };
+  return Y(() => {
+    a && J(q);
+  }, [a]), !k || $.unvisible ? null : /* @__PURE__ */ t.jsxs(Z, { children: [
+    /* @__PURE__ */ t.jsxs("button", { ...G, style: F, onKeyDown: (e) => {
+      if (e && (e.key === "Enter" || e.key === " ")) {
+        if (e.preventDefault(), e.stopPropagation(), o) return;
+        s && i?.current?.click(), n && l && l(), s && m && h(!u);
+      }
+    }, onClick: (e) => {
+      e.preventDefault(), !o && (s && s(e), n && l && l(), s && m && h(!u));
+    }, className: `${L()} ${u ? "-toggleable" : ""} ${W ? "-skeletonized" : ""}`, ref: (e) => {
+      d && (w.isFunction(d) ? d(e) : i.current = e), b && b(e), i.current = e;
+    }, tabIndex: o ? -1 : g, children: [
+      C,
+      Q(),
+      S || "",
+      O && /* @__PURE__ */ t.jsx("div", { className: "spinnercontainer", children: /* @__PURE__ */ t.jsx(ne, { align: "none", delayTime: 0 }) })
+    ] }),
+    n && i.current && j && j(i.current)
+  ] });
+}, he = se(ee(oe));
+export {
+  he as default
+};

package/lib/buttons/DestroyButton.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from './types';
+declare const DestroyButton: ({ icon, ...rest }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DestroyButton;

package/lib/buttons/DestroyButton.js

@@ -0,0 +1,23 @@
+import { j as n } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import c from "./DangerButton.js";
+import l from "../icons/index.js";
+const j = (s) => {
+  const t = m.c(5);
+  let o;
+  if (t[0] !== s) {
+    const {
+      icon: f,
+      ...i
+    } = s;
+    o = i, t[0] = s, t[1] = o;
+  } else
+    o = t[1];
+  let e;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n.jsx(l, { name: "bin", color: "white" }), t[2] = e) : e = t[2];
+  let r;
+  return t[3] !== o ? (r = /* @__PURE__ */ n.jsx(c, { ...o, icon: e }), t[3] = o, t[4] = r) : r = t[4], r;
+};
+export {
+  j as default
+};

package/lib/buttons/EditButton.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from './types';
+declare const EditButton: (props: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default EditButton;