@jondotsoy/envs 0.1.8 → 0.1.9-alpha.0

package/ui/chunk-nqsgf5a0.css

@@ -1 +0,0 @@
-:root{--color-canvas:#fff;--color-cloud-mist:#f6f8fa;--color-frost:#eceff3;--color-ash-border:#cdd2d9;--color-mist-border:#c1c7d0;--color-fog-text:#a4abb8;--color-steel:#818898;--color-slate-body:#666d80;--color-graphite:#36394a;--color-midnight-ink:#272835;--color-onyx:#1a1b25;--color-volt-violet:#5e4cff;--color-lavender:#c8ccf3;--color-lilac:#dfdbff;--font-display:"Britti Sans","Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--tracking-body:-.01em;--radius-cards:12px;--radius-buttons:8px;--radius-inputs:8px;--radius-pills:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--page-max-width:1200px;--page-gutter:var(--space-4);--section-gap:var(--space-10);--card-padding:var(--space-6);--nav-height:64px;--shadow-elevated:#2728351a 0 0 0 1px,#27283514 0 24px 24px -12px,#27283514 0 12px 12px -6px,#27283514 0 6px 6px -3px,#27283514 0 2px 2px -1px;--shadow-small:#27283514 0 1px 2px;--focus-ring:0 0 0 2px #5e4cff33;--focus-outline:2px solid var(--color-volt-violet);--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23666d80' stroke-width='1.5'/%3E%3C/svg%3E");--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--color-canvas)}body{background:var(--color-cloud-mist);color:var(--color-graphite);font:400 16px/1.5 var(--font-body);letter-spacing:var(--tracking-body);min-height:100vh;margin:0}header{position:sticky;z-index:1;display:flex;align-items: center;gap:var(--space-2)var(--space-4);min-height:var(--nav-height);padding:var(--space-3)max(var(--page-gutter),calc((100% - var(--page-max-width))/2 + var(--page-gutter)));background:var(--color-canvas);border-bottom:1px solid var(--color-ash-border);flex-wrap:wrap;top:0}.brand{display:flex;align-items: center;gap:var(--space-2);white-space:nowrap;font:500 18px/1.1 var(--font-display);letter-spacing:-.36px;color:var(--color-graphite);flex:1}.brand .dim{color:var(--color-slate-body);font-weight:400}main{max-width:var(--page-max-width);padding:var(--space-10)var(--page-gutter)var(--space-16);display:flex;gap:var(--section-gap);flex-direction:column;margin:0 auto}.card{padding:var(--card-padding);background:var(--color-canvas);border:1px solid var(--color-ash-border);border-radius:var(--radius-cards);min-width:0}.card.inset{background:var(--color-frost);padding-block:var(--space-4);border-color:#0000}.eyebrow{margin:0 0 var(--space-2);font:500 12px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-slate-body)}h2{margin:0 0 var(--space-6);font:500 24px/1.1 var(--font-display);letter-spacing:-.48px;color:var(--color-graphite);overflow-wrap:anywhere}h2:has(+.lede){margin-bottom:var(--space-2)}.lede{margin:0 0 var(--space-6);color:var(--color-slate-body);max-width:80ch;font-size:14px;line-height:1.57}code{font:400 .92em/1 var(--font-mono);color:var(--color-graphite)}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}.loading{color:var(--color-slate-body);font-size:14px}button{font:500 14px/1.5 var(--font-body);letter-spacing:-.14px;border:1px solid var(--color-ash-border);border-radius:var(--radius-buttons);background:var(--color-canvas);color:var(--color-graphite);cursor:pointer;padding:10px 16px}button:hover:not(:disabled){border-color:var(--color-steel);background:var(--color-cloud-mist)}button:active:not(:disabled){background:var(--color-frost)}button.primary{background:var(--color-volt-violet);color:var(--color-canvas);border-color:#0000;padding:12px 24px}button.primary:hover:not(:disabled),button.primary:active:not(:disabled){background:var(--color-midnight-ink);border-color:#0000}button:disabled{opacity:.6;cursor:not-allowed}button.primary:disabled{cursor:progress}button.toggle{border-radius:var(--radius-pills);color:var(--color-slate-body);padding:6px 14px;font-size:13px}button.toggle:before{content:"";display:inline-block;margin-right:var(--space-2);vertical-align:0;border:1.5px solid;border-radius:50%;width:8px;height:8px}button.toggle[aria-pressed=true]{background:var(--color-lilac);border-color:var(--color-lavender);color:var(--color-graphite)}button.toggle[aria-pressed=true]:before{background:currentColor}button.remove{color:var(--color-slate-body);background:0 0;border-color:#0000;width:36px;height:36px;padding:0;font-size:18px;line-height:1}button.remove:hover{background:var(--color-frost);color:var(--color-graphite)}table{border-collapse:separate;border-spacing:0;width:100%}td,th{padding:0 var(--space-2)0 0;text-align:left;vertical-align:middle}th{padding:0 var(--space-2)var(--space-2)13px;font:500 12px/1.5 var(--font-body);color:var(--color-slate-body);white-space:nowrap;border-bottom:1px solid var(--color-frost)}th.wt{font:400 12px/1.4 var(--font-mono);color:var(--color-graphite)}.table-scroll th:first-child{padding-left:17px}td.x{width:44px;padding:0}.table-scroll{position:relative;overflow-x:auto;margin:0 0 var(--space-4)}.table-scroll table{margin:0}.table-scroll td input{min-width:160px}.table-scroll td:first-child input{font-family:var(--font-mono);min-width:200px;font-size:13px}.table-scroll tbody tr:hover td{background:var(--color-cloud-mist)}.table-scroll tbody tr:focus-within td{background:var(--color-lilac)}.table-scroll tbody tr td{padding-block:var(--space-1)}.table-scroll tbody tr:first-child td{padding-top:var(--space-2)}.table-scroll tbody tr td:first-child{padding-left:var(--space-1);border-radius:var(--radius-buttons)0 0 var(--radius-buttons)}.table-scroll tbody tr td:last-child{border-radius:0 var(--radius-buttons)var(--radius-buttons)0}input,select{font:400 14px/1.5 var(--font-body);letter-spacing:-.14px;border:1px solid var(--color-ash-border);border-radius:var(--radius-inputs);background:var(--color-canvas);color:var(--color-graphite);width:100%;padding:8px 12px}input::placeholder{color:var(--color-steel);opacity:1}input:hover,select:hover{border-color:var(--color-steel)}select{appearance:none;background:var(--color-canvas)var(--chevron)no-repeat right 14px center;cursor:pointer;width:auto;min-width:160px;padding-right:36px}.selectors{display:flex;align-items: center;gap:var(--space-3)var(--space-6);flex-wrap:wrap}.selectors .toggle{margin-left:auto}.selectors label{display:flex;align-items: center;gap:var(--space-2);font:500 14px/1.5 var(--font-body);color:var(--color-slate-body)}.selectors select{border-radius:var(--radius-pills);box-shadow:var(--shadow-small);background-position:right 16px center;padding:8px 40px 8px 20px;font-weight:500}input:focus-visible{outline:none;border-color:var(--color-volt-violet);box-shadow:var(--focus-ring)}select:focus-visible{outline:none;border-color:var(--color-volt-violet);box-shadow:var(--focus-ring)}button:focus-visible{outline:var(--focus-outline);outline-offset:2px}.status{display:inline-flex;font:500 12px/1.5 var(--font-body);border-radius:var(--radius-pills);align-items: center;gap:6px;padding:4px 10px}.status:empty{display:none}.status.ok{background:var(--color-lilac);color:var(--color-graphite)}.status.dirty{background:var(--color-frost);color:var(--color-graphite)}.status.dirty:before{content:"";background:var(--color-graphite);border-radius:50%;width:6px;height:6px}.status.err{background:var(--color-midnight-ink);color:var(--color-canvas)}.status.err:before{content:"!";font-weight:700}pre{padding:var(--space-4)var(--space-5);border-radius:var(--radius-cards);background:var(--color-onyx);color:var(--color-frost);font:400 12px/1.6 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@media (max-width:720px){:root{--section-gap:var(--space-6);--card-padding:var(--space-4)}main{padding-top:var(--space-6)}}@media (max-width:480px){.brand .dim{display:none}}.wt-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));column-gap:var(--space-8);margin:0;padding:0}.wt-grid li{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--color-frost);min-width:0;min-height:56px}.wt-grid .name{font:400 13px/1.4 var(--font-mono);color:var(--color-graphite);overflow-wrap:anywhere}.wt-grid select{flex:none;min-width:148px}.table-scroll th{white-space:normal;vertical-align:bottom}.th-clip{display:block;overflow-wrap:anywhere;max-width:152px}.table-scroll{--col1:212px}.table-scroll th:nth-child(-n+2),.table-scroll td:nth-child(-n+2){position:sticky;z-index:1;background:var(--color-canvas);box-sizing:border-box}.table-scroll th:first-child,.table-scroll td:first-child{width:var(--col1);min-width:var(--col1);max-width:var(--col1);left:0}.table-scroll th:nth-child(2),.table-scroll td:nth-child(2){left:var(--col1);padding-right:var(--space-3);border-right:1px solid var(--color-ash-border);box-shadow:8px 0 8px -8px #27283524}.table-scroll th:nth-child(3),.table-scroll td:nth-child(3){padding-left:var(--space-3)}.table-scroll th:nth-child(3){padding-left:calc(var(--space-3) + 13px)}.table-scroll tbody tr:hover td:nth-child(-n+2){background:var(--color-cloud-mist)}.table-scroll tbody tr:focus-within td:nth-child(-n+2){background:var(--color-lilac)}@media (max-width:480px){.table-scroll{--col1:148px}.table-scroll td:first-child input{min-width:0}.table-scroll th:nth-child(2),.table-scroll td:nth-child(2){position:static;box-shadow:none}.table-scroll th:first-child,.table-scroll td:first-child{box-shadow:8px 0 8px -8px #2728352e}.wt-grid{grid-template-columns:1fr}}.with-action{display:flex;gap:var(--space-2);align-items: center}button.apply-all{font:500 12px/1.5 var(--font-body);white-space:nowrap;border:1px solid var(--color-ash-border);border-radius:var(--radius-buttons);background:var(--color-canvas);color:var(--color-graphite);cursor:pointer;flex:none;padding:6px 10px}button.apply-all:hover:not(:disabled){border-color:var(--color-steel)}button.apply-all:disabled{visibility:hidden}.table-scroll.compact td input{min-width:128px;padding:5px 10px;font-size:13px}.table-scroll.compact td:first-child input{min-width:0;font-size:12px}.table-scroll.compact tbody tr td{padding-block-start:2px;padding-block-end:2px}.table-scroll.compact tbody tr:first-child td{padding-top:var(--space-2)}.table-scroll.compact button.apply-all{padding:3px 8px}.table-scroll.compact button.remove{width:30px;height:30px}.table-scroll.compact th{padding-left:11px}.table-scroll.compact th:first-child{padding-left:15px}.table-scroll.compact th:nth-child(3){padding-left:calc(var(--space-3) + 11px)}.table-scroll.compact .th-clip{max-width:124px}.empty{padding:var(--space-8)var(--space-6);border:1px dashed var(--color-mist-border);border-radius:var(--radius-cards);background:var(--color-cloud-mist);text-align:center;color:var(--color-slate-body);font-size:14px}.empty p{margin:0 0 var(--space-4)}.empty .empty-title{margin-bottom:var(--space-1);font:500 16px/1.4 var(--font-display);letter-spacing:-.02em;color:var(--color-graphite)}button.logo-btn{display:inline-flex;background:0 0;border:0;border-radius:3px;flex:none;padding:0;line-height:0}button.logo-btn:hover:not(:disabled),button.logo-btn:active:not(:disabled){background:0 0}.logo{--breathe:7.2s;overflow:visible;shape-rendering:crispEdges;width:20px;height:20px}.brand:hover .logo{--breathe:2.4s}.logo rect{transform-box:fill-box;transform-origin:center;animation:logo-breathe var(--breathe)ease-in-out calc(var(--d)*-.45s)infinite;transition:fill .24s}.logo rect[data-tone=v]{fill:var(--color-volt-violet)}.logo rect[data-tone=lv]{fill:var(--color-lavender)}.logo rect[data-tone=li]{fill:var(--color-lilac)}.logo rect[data-tone=w]{fill:var(--color-canvas)}@keyframes logo-breathe{0%,to{opacity:1}50%{opacity:.5}}.logo[data-ripple] rect{animation:logo-breathe var(--breathe)ease-in-out calc(var(--d)*-.45s)infinite,logo-ripple-a .5s ease-out calc(var(--r)*70ms)both}.logo[data-ripple=b] rect{animation-name:logo-breathe,logo-ripple-b}.logo[data-ripple] rect[data-tone=w]{fill:var(--color-lilac);transition-duration:.5s}@keyframes logo-ripple-a{40%{transform:scale(.55)}}@keyframes logo-ripple-b{40%{transform:scale(.55)}}.logo[data-state=saving] rect{animation:logo-scan .9s linear calc(var(--d)*.11s)infinite}@keyframes logo-scan{0%,to{opacity:.35}20%{opacity:1}}.logo[data-fx=burst] rect{animation:logo-burst .6s ease-out calc(var(--d)*40ms)both}@keyframes logo-burst{0%{fill:var(--color-volt-violet);transform:scale(.6);opacity:1}20%{fill:var(--color-volt-violet);transform:scale(1)}}.logo[data-fx=shake]{animation:.45s ease-in-out logo-shake}.logo[data-state=error] rect[data-tone=v]{fill:var(--color-lavender)}@keyframes logo-shake{20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1.5px)}80%{transform:translate(1px)}}@media (prefers-reduced-motion:reduce){.logo,.logo rect,.logo[data-fx] rect,.logo[data-ripple] rect,.logo[data-state] rect{animation:none;transition:none}.logo[data-ripple] rect[data-tone=w]{fill:var(--color-canvas)}.logo[data-state=saving] rect{opacity:.5}}