linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/assets/styles/numbers.css

@@ -0,0 +1 @@
+.currency-symbol{color:#777;margin-left:3px;font-size:14px}

package/lib/assets/styles/panel.css

@@ -0,0 +1 @@
+.panel-component{border:1px solid #dae1e8;border-radius:5px;flex-direction:column;height:100%;margin-bottom:20px;font-family:Roboto;display:flex}.panel-component.panel-shadow{box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f}.panel-component>.panel-header{background:#fafafa;border-bottom:1px solid #e0e0e0;border-radius:5px 5px 0 0;align-items:center;height:40px;padding:0;display:flex}.panel-component>.panel-header.-uncolored{background-color:#0000;border:0}.panel-component>.panel-header>.title{color:#777;align-items:center;margin:0 0 0 15px;padding:0;font-size:14px;font-weight:700;line-height:1.2em}.panel-component>.panel-header>.toolbar-component{float:right;background-color:#0000;flex-grow:1;width:auto;margin-right:2px}.panel-component>.panel-header>.icon-left-panel{align-items:center;width:auto;height:100%;margin-left:15px;margin-right:-8px;display:flex}.panel-component>.panel-content{flex:1;padding:15px;position:relative;overflow:auto}.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/styles/periodpicker.css

@@ -0,0 +1 @@
+.dropdown-period>.item.-disabled{color:#bbb;fill:#bbb;background-color:#0000}.datepicker-component{transition:all .45s cubic-bezier(.23,1,.32,1);box-shadow:0 14px 45px #00000040,0 10px 18px #00000038}.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{border:none;width:100%;margin-top:0;padding:6px;font-size:17px}@keyframes shimmer{0%{background-position:0 0}to{background-position:-135% 0}}@keyframes slideInFromTop{0%{-webkit-font-smoothing:subpixel-antialiased;transform:translateY(-60%)}to{-webkit-font-smoothing:subpixel-antialiased;transform:translateY(0)}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{animation-name:slideDownReturn}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}30%{transform-origin:0 0;transform:translateY(0%)}}.slideLeftReturn{animation-name:slideLeftReturn}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}30%{transform-origin:0 0;transform:translate(0%)}}.slideRightReturn{animation-name:slideRightReturn}@keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}30%{transform-origin:0 0;transform:translate(0%)}}@keyframes revealelement{0%{color:#0000;opacity:0;height:0%}50%{color:inherit;opacity:.3;height:auto}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:#0000;opacity:.3;height:0%}50%{color:#0000;opacity:.7;height:auto}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;transform:translateY(-100%)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50%;transform:scale(0)}90%{opacity:1;transform-origin:50%;transform:scale(.9)}to{opacity:1;transform-origin: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%;filter:blur(2px);transform:scale(2)}to{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50%;filter:blur(90px);transform:scale(2)}to{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}to{opacity:0;transform-origin:50%;filter:blur(20px);transform:scale(2)}}.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%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0%)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{vertical-align:middle;transition-property:transform;transition-duration:.3s;display:inline-block;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{transform:translate(8px)}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{vertical-align:middle;transition-property:transform;transition-duration:.3s;display:inline-block;position:relative;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-bubble-float-left:before{z-index:-1;content:"";border:10px solid #0000;border-left-width:0;border-right-color:#e1e1e1;transition-property:transform;transition-duration:.3s;position:absolute;top:calc(50% - 10px);left:0}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{transform:translate(-10px)}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{vertical-align:middle;display:inline-block;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{animation-name:hvr-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.hvr-grow{vertical-align:middle;transition-property:transform;transition-duration:.3s;display:inline-block;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{opacity:0;left:100%}to{opacity:1;left:0}}@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)}}.datepicker-period-container{transition:none;position:relative}.periodpicker-component{border:1px solid #dae1e8;border-radius:2px;height:auto;display:flex;position:relative}.periodpicker-component .inputwrapper{border:none}.periodpicker-component .separation_icon{flex:0 0 10px;font-size:16px}.periodpicker-component .calendar-button{border-radius:0;justify-content:center;align-items:center;width:26px;display:flex;box-shadow:none!important;border:0!important;padding:0!important}.periodpicker-component .calendar-button svg{margin:0!important}.periodpicker-component .calendar-button>.icon-component{width:16px!important;height:16px!important}.periodpicker-component .input-base-component{flex:1}.datepicker-component{border-radius:5px;transition:none;animation:.5s ease-in slideDown;position:fixed;margin-top:4px!important}.dropdown-period{background-color:#fff;border:1px solid #dae1e8;border-radius:3px;grid-template-rows:auto;width:100%;height:auto;display:grid;overflow:hidden auto}.dropdown-period>.item{all:unset;cursor:pointer;justify-content:stretch;margin:0;padding:6px 10px;display:flex}.dropdown-period>.item:not(:last-child){border-bottom:1px solid #d7d7da}.dropdown-period>.item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.dropdown-period>.item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-period>.item:hover{background-color:#f2f2f2}.dropdown-period>.item.-selected{background-color:#dbf1ff}.dropdown-period>.item.-disabled:hover{background-color:#0000}

package/lib/assets/styles/popover.css

@@ -0,0 +1 @@
+.popover-component>.buttonicon{width:auto!important;height:auto!important;margin-top:0!important}.popover-component:hover{color:gray}.popovercontainer{opacity:1;border-radius:4px;max-width:350px;padding:10px 12px;font-size:14px;line-height:20px;box-shadow:0 1px #0000001a}.popovercontainer .title:first-child{margin-top:0}.popovercontainer>.title{width:100%;margin:10px 0 5px;font-weight:700}.popovercontainer.-dark{background:#777}.popovercontainer.-dark .text{color:#fff}.popovercontainer.-light{background-color:#fff;border:1px solid #f1f1f1}.popovercontainer.-light .text{color:#3b3b3b}.popovercontainer.-hint{width:100%!important}

package/lib/assets/styles/progress.css

@@ -0,0 +1 @@
+.bar.-info,.bar.-success,.bar.-danger,.bar.-warning,.bar .-primary{transition:width .4s ease-in-out}.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{border:none;width:100%;margin-top:0;padding:6px;font-size:17px}@keyframes shimmer{0%{background-position:0 0}to{background-position:-135% 0}}.container-progress{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.bar{border-radius:3px;width:100%;height:100%;padding:0;box-shadow:inset 0 1px #fcfcfc,0 1px #bebbb9}.bar .-primary{background-color:#3498db;animation:2s ease-out primary}.bar.-warning{background:#f39c12}.bar.-danger{background:#e74c3c}.bar.-success{background:#49cc90}.bar.-info{background:#24cabc}.bar.-effect{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0 50%,#ffffff26 0 75%,#0000 0,#0000);background-size:40px 40px}.bar.-animated{animation:2s linear infinite progress-bar-stripes}.bar.-indeterminate{animation:infinite slideWithPositionFromLeft;position:absolute;top:0;left:-100%}.bar>.progressbar-label{text-align:center;float:left;color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:600;display:flex}

package/lib/assets/styles/radio.css

@@ -0,0 +1 @@
+.disabled+.description{color:#bbb;fill:#bbb;background-color:#0000}.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{border:none;width:100%;margin-top:0;padding:6px;font-size:17px}.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;box-shadow:none;background-image:linear-gradient(90deg,#e7edf1 0%,#f8f8f8 50%,#e7edf1 100%);background-size:400% 400%;background-repeat:initial;animation:1.2s ease-in-out infinite shimmer;color:#0000!important;text-shadow:none!important}.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(90deg,#fff 0%,#e7edf1 50%,#fff 100%)}@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;background-color:#e5e5e5!important}.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{cursor:pointer;color:#777;padding-left:1.35rem;line-height:20px;display:inline-block;position:relative}.radio-component:checked+.description.-medium,.radio-component:not(:checked)+.description.-medium{padding-top:.1rem;padding-left:1.6rem}.radio-component:checked+.description.-large,.radio-component:not(:checked)+.description.-large{padding-top:.2rem;padding-left:1.875rem}.radio-component:checked+.description:before,.radio-component:not(:checked)+.description:before{content:"";background:#fff;border:1px solid #dae1e8;border-radius:100%;position:absolute;top:0;left:0}.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;border-radius:100%;transition:all .2s;position:absolute}.radio-component:not(:checked)+.description:after{opacity:0;transform:scale(0)}.radio-component:checked+.description:after{opacity: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:#0000}