linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/assets/styles/select.css

@@ -0,0 +1 @@
+@charset "UTF-8";.select-component .selectwrapper>.multiselect>.selecteditem.-disabled{color:#c1c1c1!important;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#f5f5f5!important;pointer-events:none;border:none}.dropdown-component>.select-dropdown>.item.-disabled{color:#bbb;fill:#bbb;background-color:transparent}.dropdown-component>.select-dropdown{transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;box-shadow:#00000040 0 14px 45px,#00000038 0 10px 18px}.dropdown-component>.select-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)}}.select-component{width:100%;display:block;position:relative}.select-component .selectwrapper{height:auto}.select-component .selectwrapper .actionbuttonsselect{display:flex;flex-direction:row}.select-component .selectwrapper .actionbuttonsselect .actionbutton{all:unset;cursor:pointer;display:flex;align-items:center;padding:0 4px}.select-component .selectwrapper>.multiselect{flex-wrap:wrap}.select-component .selectwrapper>.multiselect>.textinput{order:1;display:inline-block}.select-component .selectwrapper>.multiselect>.selecteditem{background-color:#f2f9fc;border:1px solid #c9e6f2;border-radius:3px;color:#08c;display:flex;justify-content:space-between;height:auto;line-height:14px;font-size:12px;float:left;margin:2px;padding:0 8px 0 5px}.select-component .selectwrapper>.multiselect>.selecteditem.-disabled{opacity:.7;border:solid 1px #cacaca!important}.select-component .selectwrapper>.multiselect>.selecteditem .close{all:unset}.select-component .selectwrapper>.multiselect>.selecteditem>.close{cursor:pointer}.select-component .selectwrapper>.multiselect>.selecteditem>.close:after{content:"×";font-size:16px;font-weight:700;margin-left:10px}.dropdown-component>.select-dropdown{animation:.5s ease-in 0s 1 slideDown;background-color:#fff;border:#dae1e8;display:grid;grid-template-rows:auto;height:auto;overflow-y:auto;overflow-x:hidden;margin-top:2px}.dropdown-component>.select-dropdown>.filtercontainer{display:grid;grid-template-columns:1fr 20px;align-items:center;border:1px solid #dae1e8;margin:4px}.dropdown-component>.select-dropdown>.filtercontainer>.filterinput{border:0;width:100%;font-size:13px;text-indent:4px;padding:10px 5px}.dropdown-component>.select-dropdown>.item{margin:0;padding:6px 10px;display:flex;cursor:pointer;justify-content:stretch;border-bottom:solid 1px #e1e1e1}.dropdown-component>.select-dropdown>.item:last-child{border-bottom:none}.dropdown-component>.select-dropdown>.item:hover{background-color:#f2f2f2}.dropdown-component>.select-dropdown>.item.-selected{background-color:#f2f2f2}.dropdown-component>.select-dropdown>.item.-disabled:hover{background-color:transparent}.dropdown-component>.select-dropdown>.item.-striped:nth-child(2n){background-color:#eee}.dropdown-component>.select-dropdown>.item .menubutton{all:unset;background-color:transparent;border:0;padding:0;margin:0;display:flex;justify-content:space-between;align-items:center;width:100%}.dropdown-component>.select-dropdown>.item .menubutton>.label{flex-grow:1}.dropdown-component>.select-dropdown>.item .menubutton>.menuicon{margin-right:5px}.dropdown-component>.select-dropdown>.notfound{text-indent:10px;color:graytext;font-style:italic;font-size:13px}