@tetrascience-npm/tetrascience-react-ui 0.4.0-beta.8.1 → 0.4.0

package/dist/index.css

@@ -1 +1 @@
-:root{--black-50:rgba(26,26,26,.05);--black-100:rgba(26,26,26,.1);--black-200:rgba(26,26,26,.2);--black-300:rgba(26,26,26,.3);--black-400:rgba(26,26,26,.4);--black-500:rgba(26,26,26,.5);--black-600:rgba(26,26,26,.6);--black-700:rgba(26,26,26,.7);--black-800:rgba(26,26,26,.8);--black-900:#1a1a1a;--white-50:hsla(0,0%,100%,.05);--white-100:hsla(0,0%,100%,.1);--white-200:hsla(0,0%,100%,.2);--white-300:hsla(0,0%,100%,.3);--white-400:hsla(0,0%,100%,.4);--white-500:hsla(0,0%,100%,.5);--white-600:hsla(0,0%,100%,.6);--white-700:hsla(0,0%,100%,.7);--white-800:hsla(0,0%,100%,.8);--white-900:#fff;--blue-50:#f0f9ff;--blue-100:#e1f3fe;--blue-200:#b9e5fc;--blue-300:#7dd3fb;--blue-400:#3abef7;--blue-500:#1badf0;--blue-600:#4072d2;--blue-700:#03699f;--blue-800:#054567;--blue-900:#04263f;--grey-50:#f8fafc;--grey-100:#f1f5f9;--grey-200:#e1e7ef;--grey-300:#c8d6e5;--grey-400:#9eacc0;--grey-500:#64748b;--grey-600:#48566a;--grey-700:#334156;--grey-800:#1d2839;--grey-900:#141e35;--green-bg:#eafee5;--green-success:#08ad37;--orange-bg:#fefae5;--orange-caution:#f9ad14;--red-bg:#feeae5;--red-error:#d8232c;--graph-primary-orange:#ffa62e;--graph-primary-red:#ff5c64;--graph-primary-green:#a5c34e;--graph-primary-blue:#2d9cdb;--graph-primary-yellow:#fbed53;--graph-primary-purple:#7a51ab;--graph-secondary-brown:#ad7942;--graph-secondary-pink:#fb90b4;--graph-secondary-teal:#3ccaba;--graph-secondary-dark-blue:#4072d2;--graph-secondary-black:#424e62;--graph-secondary-grey:#b4b4b4}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Inter,sans-serif;font-size:100%;font-size:16px;font-style:400;margin:0;outline:none;padding:0}h1,label,p{border:0;font-family:inherit;font-family:Inter,sans-serif;font-size:100%;font-style:normal;font-weight:400;line-height:1;line-height:normal;margin:0;overflow:visible;padding:0;vertical-align:baseline;vertical-align:middle}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes glow{0%,to{opacity:1}50%{opacity:.5}}@font-face{font-family:Inter;font-style:italic;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap)}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap)}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap)}.type-light{font-weight:300}.type-bold,.type-light{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}.type-bold{font-weight:700}.type-italic{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:italic;font-weight:400}input[type=email],input[type=password],input[type=text],textarea{border:none;border-radius:0;box-sizing:border-box;color:#333;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-style:400;line-height:20px;line-height:1.5rem!important;outline:none;padding:.75rem 0}.checkbox{display:inline-block;height:3rem;position:relative;vertical-align:middle;width:44px}.checkbox input[type=checkbox]{font-size:1em;visibility:hidden}.checkbox input[type=checkbox]+span:before{background:transparent;bottom:auto;box-shadow:inset 0 0 0 1px #2cc5d2;content:"";display:block;height:.85em;left:50%;position:absolute;right:auto;top:50%;transform:translate3d(-50%,-50%,0);width:.85em}.checkbox input[type=checkbox]:checked+span:before{box-shadow:none;color:#2cc5d2;content:"\e65e";font-family:percolate;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:24px;line-height:1;margin-top:-1px;text-transform:none}
+.app-layout{display:flex;flex-direction:column;width:100vw;overflow:hidden}.content-container{display:flex;flex:1;overflow:hidden}.main-content{display:flex;flex-direction:column;flex:1;overflow:hidden;background-color:var(--white-900)}.container-with-tabs{display:flex;flex-direction:column;background-color:var(--white-900);flex:1;overflow:hidden}.main-tabs-container{border-bottom:1px solid var(--grey-200);display:flex;flex-direction:column;flex:1;overflow:hidden}.main-layout{flex:1;overflow:auto;padding:24px;background-color:var(--grey-100)}.main-layout:empty:before{content:"Main content area";display:flex;align-items:center;justify-content:center;height:100%;color:var(--grey-400);font-size:16px;font-weight:500}.area-graph-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.bar-graph-container{width:100%;height:100%;font-family:var(--font-family-base)}.boxplot-container{width:100%;height:100%;font-family:var(--font-family-base);padding:24px}.chromatogram-container{background-color:var(--white-900);border-radius:12px;overflow:hidden;border:2px solid var(--grey-600);display:flex;flex-direction:column;box-sizing:border-box;padding:0!important}.sequence-header{background-color:var(--grey-100);padding:12px 0 6px;border-bottom:2px solid var(--grey-600);box-sizing:border-box;width:100%;overflow:hidden}.chromatogram-chart{flex:1;width:100%;box-sizing:border-box;padding:0;overflow:hidden}.sequence-letters-container{position:relative;height:35px;padding:0;margin-bottom:6px}.sequence-letter{position:absolute;font-weight:700;font-size:22px;font-family:monospace;transform:translate(-50%)}.position-numbers-container{position:relative;height:30px;padding:0}.position-number{position:absolute;color:var(--grey-600);font-size:18px;font-weight:500;font-family:Inter,sans-serif;transform:translate(-50%)}.chromatogram-chart-container{width:100%;height:100%;font-family:var(--font-family-base)}.dotplot-container{font-family:var(--font-family-base);padding:24px}.platemap-container{width:100%;height:100%;background-color:var(--white-900);border-radius:8px;padding:16px;display:flex;flex-direction:column}.platemap-plot-wrapper{display:flex;align-items:flex-start}.platemap-plot-wrapper--vertical{flex-direction:row}.platemap-plot-wrapper--horizontal{flex-direction:column;align-items:center}.platemap-plot,.platemap-legend-placeholder{flex-shrink:0}.platemap-layer-selector{display:flex;gap:4px;margin-bottom:8px}.platemap-layer-selector__button{padding:6px 12px;font-size:12px;border:1px solid #ccc;border-radius:4px;background-color:var(--white-900);color:#333;cursor:pointer;font-family:Inter,sans-serif}.platemap-layer-selector__button--active{background-color:#4575b4;color:var(--white-900)}.platemap-legend{display:flex;flex-direction:column;padding:8px;flex-shrink:0}.platemap-legend--horizontal{flex-direction:row;flex-wrap:wrap;justify-content:center}.platemap-legend--left{margin-right:8px}.platemap-legend--right{margin-left:8px}.platemap-legend__title{font-weight:600;margin-bottom:4px}.platemap-legend__title--horizontal{width:100%;text-align:center}.platemap-legend__item{display:flex;align-items:center;gap:8px}.platemap-legend__swatch{border:1px solid #ccc;border-radius:2px;flex-shrink:0}.platemap-legend__swatch--region{box-sizing:border-box}.platemap-legend__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platemap-legend__label--capitalize{text-transform:capitalize}.histogram-container{border:1px solid var(--grey-200);border-radius:24px;overflow:hidden;background-color:var(--white)}.histogram-container .chart-container{width:100%;height:100%;font-family:var(--font-family-base);padding:40px 0}.title-container{text-align:center;padding:0 40px;justify-content:center}.title{font-family:var(--font-family-base);font-size:32px;font-weight:600;color:var(--black-900);margin:0;line-height:1.2}.legend-item{display:flex;align-items:center;font-size:24px;color:var(--blue-900);font-family:var(--font-family-base);font-size:13px;font-style:normal;font-weight:500;line-height:18px}.interactive-scatter{position:relative;font-family:var(--font-family-base, "Inter", sans-serif)}.chart-container{width:100%;height:100%;font-family:var(--font-family-base)}.card-container{border:1px solid var(--grey-200);border-radius:24px;overflow:hidden;background-color:var(--white)}.chart-container{width:100%;height:100%;font-family:Inter,sans-serif;padding:40px 0}.title-container{text-align:center;padding:0 40px}.title{font-family:Inter,sans-serif;font-size:32px;font-weight:600;color:var(--black-900);margin:0;line-height:1.2}.legend-container{display:flex;flex-wrap:wrap;margin:0;padding:0;width:100%}.legend-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:8px;word-wrap:break-word;max-width:100%;width:100%;padding:0 40px;row-gap:12px}.legend-item{display:flex;align-items:center;font-size:24px;color:var(--blue-900);font-family:Inter,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:18px}.color-box{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px}.divider{display:inline-block;width:2px;height:24px;background:var(--grey-200);margin:0 12px}:root{--black-50: rgba(26, 26, 26, .08);--black-100: rgba(26, 26, 26, .12);--black-200: rgba(26, 26, 26, .16);--black-300: rgba(26, 26, 26, .24);--black-400: rgba(26, 26, 26, .32);--black-500: rgba(26, 26, 26, .44);--black-600: rgba(26, 26, 26, .56);--black-700: rgba(26, 26, 26, .68);--black-800: rgba(26, 26, 26, .8);--black-900: rgba(26, 26, 26, 1);--white-50: rgba(255, 255, 255, .08);--white-100: rgba(255, 255, 255, .12);--white-200: rgba(255, 255, 255, .18);--white-300: rgba(255, 255, 255, .26);--white-400: rgba(255, 255, 255, .36);--white-500: rgba(255, 255, 255, .48);--white-600: rgba(255, 255, 255, .6);--white-700: rgba(255, 255, 255, .7);--white-800: rgba(255, 255, 255, .8);--white-900: rgba(255, 255, 255, 1);--blue-50: rgba(240, 249, 255, 1);--blue-100: rgba(225, 243, 254, 1);--blue-200: rgba(186, 229, 253, 1);--blue-300: rgba(126, 212, 252, 1);--blue-400: rgba(58, 191, 248, 1);--blue-500: rgba(27, 173, 240, 1);--blue-600: rgba(64, 114, 210, 1);--blue-700: rgba(3, 105, 160, 1);--blue-800: rgba(6, 69, 103, 1);--blue-900: rgba(4, 38, 63, 1);--grey-50: rgba(248, 250, 252, 1);--grey-100: rgba(241, 245, 249, 1);--grey-200: rgba(225, 231, 239, 1);--grey-300: rgba(200, 214, 229, 1);--grey-400: rgba(158, 172, 192, 1);--grey-500: rgba(101, 117, 139, 1);--grey-600: rgba(72, 86, 106, 1);--grey-700: rgba(52, 66, 86, 1);--grey-800: rgba(29, 40, 58, 1);--grey-900: rgba(20, 30, 53, 1);--green-bg: rgba(234, 254, 229, 1);--green-success: rgba(8, 173, 55, 1);--orange-bg: rgba(254, 250, 229, 1);--orange-caution: rgba(249, 173, 20, 1);--red-bg: rgba(254, 234, 229, 1);--red-error: rgba(216, 36, 44, 1);--graph-primary-orange: rgba(255, 166, 46, 1);--graph-primary-red: rgba(255, 92, 100, 1);--graph-primary-green: rgba(165, 195, 78, 1);--graph-primary-blue: rgba(45, 156, 219, 1);--graph-primary-yellow: rgba(251, 237, 83, 1);--graph-primary-purple: rgba(122, 81, 171, 1);--graph-secondary-brown: rgba(173, 121, 66, 1);--graph-secondary-pink: rgba(251, 145, 180, 1);--graph-secondary-teal: rgba(60, 202, 186, 1);--graph-secondary-dark-blue: rgba(64, 114, 210, 1);--graph-secondary-black: rgba(66, 78, 98, 1);--graph-secondary-grey: rgba(180, 180, 180, 1)}.chart-container{width:100%;height:100%;font-family:Inter,sans-serif;position:relative}.tdp-search{display:flex;flex-direction:column;gap:16px;width:100%}.tdp-search__search-bar{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.tdp-search__search-input-wrapper{flex:1;min-width:300px}.tdp-search__filters-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tdp-search__filter-wrapper{display:flex;flex-direction:column;gap:4px;min-width:200px}.tdp-search__filter-label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--grey-600)}.tdp-search__results-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--grey-200)}.tdp-search__results-count{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--grey-700)}.tdp-search__loading-overlay{display:flex;justify-content:center;align-items:center;padding:60px;font-family:Inter,sans-serif;font-size:14px;color:var(--grey-500)}.tdp-search__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;background-color:var(--grey-50);border-radius:8px;border:1px dashed var(--grey-300)}.tdp-search__empty-state-icon{width:48px;height:48px;color:var(--grey-400)}.tdp-search__empty-state-text{font-family:Inter,sans-serif;font-size:14px;color:var(--grey-600);text-align:center}