@dvina/artifact-renderer-viewer 0.0.45 → 0.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer dvina-tokens,theme,base,dvina,components,utilities;@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&family=Inter+Tight:wght@500..700&family=Manrope:wght@600..800&display=swap";@layer dvina{:root{--dv-control: var(--dv-control-s);--dv-gap: var(--dv-space-4);-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){:root{--dv-control: calc(var(--dv-control-s) + var(--dv-space-2))}}*,*:before,*:after{box-sizing:border-box}html{color:var(--dv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";-webkit-tap-highlight-color:transparent}body{margin:0;font:400 var(--dv-text-m) / var(--dv-text-m-leading) var(--dv-font-text)}:root[data-widget-layout=inline] body{background:transparent;padding:2px 2px 5px}:root[data-widget-layout=panel] body,:root:not([data-widget-layout]) body{background:var(--dv-panel);padding:var(--dv-space-6) var(--dv-space-5)}:root:not([data-widget-layout]) body{max-width:60rem;margin-inline:auto}body>*+*,body>:is(div,main,section,article):only-child:not([class],[style])>*+*{margin-top:var(--dv-gap)}h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote,pre,table{margin:0}h1,h2,h3,h4{font-family:var(--dv-font-heading);color:var(--dv-text);text-wrap:balance;letter-spacing:-.01em}h1{font-size:calc(var(--dv-font-offset) + 1.25rem);line-height:1.2;font-weight:650}h2{font-size:var(--dv-ui-l);line-height:1.3;font-weight:600}h3{font-size:var(--dv-text-m);line-height:var(--dv-text-m-leading);font-weight:600}h4{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-weight:600;color:var(--dv-text-muted)}p{text-wrap:pretty}small,figcaption,caption{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}strong,b{font-weight:600}a{color:var(--dv-link);text-decoration:none}a:hover{color:var(--dv-link-hover);text-decoration:underline;text-underline-offset:.15em}ul,ol{padding-left:1.25em}li+li{margin-top:var(--dv-space-1)}li::marker{color:var(--dv-text-faint)}hr{border:0;border-top:1px solid var(--dv-border);margin:var(--dv-space-4) 0}code,kbd,pre,samp{font-family:var(--dv-font-mono);font-size:.875em}code{padding:.1em .35em;border-radius:var(--dv-radius-xs);background:var(--dv-fill)}pre{padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-surface-sunk);overflow-x:auto;line-height:1.55}pre code{padding:0;background:none;font-size:inherit}kbd{display:inline-block;min-width:1.6em;padding:.05em .4em;border-radius:var(--dv-radius-xs);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);text-align:center;font-size:var(--dv-ui-xs)}blockquote{padding-left:var(--dv-space-4);border-left:3px solid var(--dv-border-strong);color:var(--dv-text-muted)}mark{background:var(--dv-highlight);color:inherit;border-radius:3px;padding:0 .15em}img,svg,video,canvas{max-width:100%}img,video{height:auto;border-radius:var(--dv-radius-m)}img[data-dvina-image]{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--dv-fill);color:var(--dv-text-muted);font-size:var(--dv-text-s)}img[data-dvina-image-state=loading]{animation:dv-photo-loading 1.6s ease-in-out infinite}img[data-dvina-image-state=failed]{padding:var(--dv-space-3)}@keyframes dv-photo-loading{50%{background:var(--dv-fill-strong)}}table{width:100%;border-collapse:collapse;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-variant-numeric:tabular-nums}th,td{padding:var(--dv-space-2) var(--dv-space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--dv-border)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th{font-weight:500;color:var(--dv-text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tfoot td{font-weight:600;border-top:1px solid var(--dv-border-strong);border-bottom:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dv-space-2);height:var(--dv-control);padding:0 calc(var(--dv-control) / 2);border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dv-duration) var(--dv-ease),transform var(--dv-duration) var(--dv-ease),opacity var(--dv-duration) var(--dv-ease)}button:hover,.button:hover{background:color-mix(in srgb,var(--dv-fill-strong),var(--dv-text) 6%);color:var(--dv-text);text-decoration:none}button:active,.button:active{transform:scale(.97)}button.primary,.button.primary{background:var(--dv-accent);color:var(--dv-on-accent)}button.primary:hover,.button.primary:hover{background:var(--dv-accent-hover);color:var(--dv-on-accent)}button.ghost,.button.ghost{background:transparent}button.ghost:hover,.button.ghost:hover{background:var(--dv-fill)}button.danger,.button.danger{background:var(--dv-negative-pale);color:var(--dv-negative-text)}button.small,.button.small{height:calc(var(--dv-control) - var(--dv-space-2));padding:0 var(--dv-space-3);font-size:var(--dv-ui-xs)}button.large,.button.large{height:calc(var(--dv-control) + var(--dv-space-2));padding:0 var(--dv-space-5);font-size:var(--dv-ui-m)}button.icon,.button.icon{width:var(--dv-control);padding:0}button:disabled,.button[aria-disabled=true]{opacity:var(--dv-disabled-opacity);pointer-events:none}:focus-visible{outline:2px solid var(--dv-ring);outline-offset:2px}label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea{width:100%;min-width:0;height:var(--dv-control);padding:0 var(--dv-space-3);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-s);background:var(--dv-surface);color:var(--dv-text);font:400 var(--dv-ui-s) / 1.3 var(--dv-font-text);transition:border-color var(--dv-duration) var(--dv-ease)}textarea{height:auto;min-height:calc(var(--dv-control) * 2.5);padding:var(--dv-space-2) var(--dv-space-3);resize:vertical;line-height:var(--dv-text-s-leading)}input:hover,select:hover,textarea:hover{border-color:var(--dv-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--dv-ring)}::placeholder{color:var(--dv-text-faint)}select{-webkit-appearance:none;appearance:none;padding-right:calc(var(--dv-space-3) + 1rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--dv-space-2) center}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:1.125rem;height:1.125rem;margin:0;vertical-align:-.2em;border:1.5px solid var(--dv-border-hover);border-radius:.3125rem;background:var(--dv-surface);cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),border-color var(--dv-duration) var(--dv-ease)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--dv-accent);background:var(--dv-accent)}input[type=checkbox]:checked:after{content:"";width:.625rem;height:.625rem;background:var(--dv-on-accent);clip-path:polygon(14% 44%,0 65%,43% 100%,100% 22%,84% 7%,41% 66%)}input[type=radio]:checked:after{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--dv-on-accent)}input[type=checkbox][role=switch]{width:2.375rem;height:1.375rem;padding:2px;place-content:center start;border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong)}input[type=checkbox][role=switch]:after{content:"";width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 1px 3px #0003;transition:translate var(--dv-duration-slow) var(--dv-ease-emphasized)}input[type=checkbox][role=switch]:checked{background:var(--dv-switch-on)}input[type=checkbox][role=switch]:checked:after{translate:1rem 0}:where(label:has(>input[type=checkbox],>input[type=radio])){display:inline-flex;align-items:center;gap:var(--dv-space-2);color:var(--dv-text);font-size:var(--dv-ui-s);cursor:pointer}input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--dv-accent) var(--fill),var(--dv-fill-strong) var(--fill))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--dv-fill-strong)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--dv-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dv-ring)}output{font-variant-numeric:tabular-nums;font-weight:600}progress,meter{-webkit-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}progress::-webkit-progress-bar{background:var(--dv-fill-strong)}progress::-webkit-progress-value{border-radius:3px;background:var(--dv-accent)}progress::-moz-progress-bar{border-radius:3px;background:var(--dv-accent)}meter::-webkit-meter-bar{border:0;background:var(--dv-fill-strong)}meter::-webkit-meter-optimum-value{background:var(--dv-positive)}meter::-webkit-meter-suboptimum-value{background:var(--dv-warning)}meter::-webkit-meter-even-less-good-value{background:var(--dv-negative)}details{border-bottom:1px solid var(--dv-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);padding:var(--dv-space-3) 0;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";flex:none;width:.5rem;height:.5rem;border-right:1.5px solid var(--dv-text-faint);border-bottom:1.5px solid var(--dv-text-faint);rotate:45deg;translate:0 -2px;transition:rotate var(--dv-duration-slow) var(--dv-ease-emphasized)}details[open]>summary:after{rotate:225deg;translate:0 2px}details>:not(summary){padding-bottom:var(--dv-space-3);color:var(--dv-text-muted)}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:var(--dv-space-2);font-size:var(--dv-text-s);color:var(--dv-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.stack{display:flex;flex-direction:column;gap:var(--dv-gap)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dv-space-2)}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 10rem),100%),1fr));gap:var(--dv-gap)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media not (min-width:36rem){.grid.cols-3{grid-template-columns:minmax(0,1fr)}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid:is(.cols-2,.cols-4)>:last-child:nth-child(odd){grid-column:1 / -1}}.gap-s{--dv-gap: var(--dv-space-2)}.gap-l{--dv-gap: var(--dv-space-5)}.grow{flex:1 1 0;min-width:0}.card{display:flex;flex-direction:column;gap:var(--dv-gap);padding:var(--dv-space-4);border-radius:var(--dv-radius-l);background:var(--dv-surface);box-shadow:var(--dv-shadow-surface);min-width:0}.card>*+*{margin-top:0}.card.sunk{background:var(--dv-fill);box-shadow:none}.card.glass{background:var(--dv-glass);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--dv-shadow-surface),inset 0 1px #ffffff1f}.card.flat{padding:0;background:none;box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dv-space-3)}.card-head>div>*+*{margin-top:.125rem}.card-title{font:600 var(--dv-ui-m) / 1.3 var(--dv-font-heading);letter-spacing:-.01em}.card-subtitle,.muted{color:var(--dv-text-muted)}.card-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.faint{color:var(--dv-text-faint)}.small{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.caption{font-size:var(--dv-ui-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dv-text-faint)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stat{display:flex;flex-direction:column;gap:var(--dv-space-1);min-width:0}.stat>*+*{margin-top:0}.stat-label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.stat-value{font:700 var(--dv-display) / var(--dv-display-leading) var(--dv-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat.small .stat-value{font-size:calc(var(--dv-font-offset) + 1.375rem)}.stat-delta{font-size:var(--dv-ui-xs);font-weight:500;color:var(--dv-text-muted)}.stat-delta.up,.positive-text{color:var(--dv-positive-text)}.stat-delta.down,.negative-text{color:var(--dv-negative-text)}.cite{display:inline-flex;align-items:center;align-self:flex-start;justify-self:start;width:fit-content;max-width:100%;gap:var(--dv-space-1);height:1.25rem;margin-inline-start:var(--dv-space-1);padding:0 .375rem 0 var(--dv-space-1);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-pill);background:var(--dv-page);color:var(--dv-text-muted);font:400 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:-.2em;text-decoration:none;cursor:pointer;transition:color var(--dv-duration) var(--dv-ease),background-color var(--dv-duration) var(--dv-ease)}.cite:hover{background:var(--dv-fill-hover);color:var(--dv-text);text-decoration:none}.cite-icons{display:flex}.cite-icon{display:inline-flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--dv-page);box-shadow:0 0 0 2px var(--dv-page)}.cite-icon+.cite-icon{margin-inline-start:-.375rem}.cite-icon img{width:100%;height:100%;object-fit:cover}.cite-icon svg{width:.625rem;height:.625rem;fill:none;stroke:var(--dv-text-muted);stroke-width:2}.cite-label{max-width:8rem;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:middle}.badge.positive{background:var(--dv-positive-pale);color:var(--dv-positive-text)}.badge.negative{background:var(--dv-negative-pale);color:var(--dv-negative-text)}.badge.warning{background:var(--dv-warning-pale);color:var(--dv-warning-text)}.badge.info{background:var(--dv-info-pale);color:var(--dv-info-text)}.badge.outline{background:none;box-shadow:inset 0 0 0 1px var(--dv-border-strong)}.callout{display:flex;gap:var(--dv-space-3);padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-fill);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.callout>svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.0625rem}.callout strong{display:block}.callout.info{background:var(--dv-info-pale)}.callout.positive{background:var(--dv-positive-pale)}.callout.warning{background:var(--dv-warning-pale)}.callout.negative{background:var(--dv-negative-pale)}.callout.info>svg,.callout.info strong{color:var(--dv-info-text)}.callout.positive>svg,.callout.positive strong{color:var(--dv-positive-text)}.callout.warning>svg,.callout.warning strong{color:var(--dv-warning-text)}.callout.negative>svg,.callout.negative strong{color:var(--dv-negative-text)}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--dv-radius-pill);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented>button,.segmented>label{flex:1 0 auto;height:calc(var(--dv-control) - 4px);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-pill);background:transparent;color:var(--dv-text-muted);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),color var(--dv-duration) var(--dv-ease)}.segmented>button:hover,.segmented>label:hover{background:transparent;color:var(--dv-text)}.segmented>button:active{transform:none}.segmented>label>input{position:absolute;opacity:0;pointer-events:none}.segmented>button[aria-pressed=true],.segmented>button[aria-selected=true],.segmented>label:has(>input:checked){background:var(--dv-segment-puck);color:var(--dv-text);box-shadow:0 1px 2px #00000014}.segmented.block{display:flex}.tabs{display:flex;gap:var(--dv-space-5);border-bottom:1px solid var(--dv-border);overflow-x:auto;scrollbar-width:none}.tabs>button{height:auto;padding:var(--dv-space-2) 0;border-radius:0;background:none;color:var(--dv-text-muted);box-shadow:inset 0 -2px 0 transparent}.tabs>button:hover{background:none;color:var(--dv-text)}.tabs>button:active{transform:none}.tabs>button[aria-selected=true]{color:var(--dv-text);box-shadow:inset 0 -2px 0 var(--dv-accent)}.progress{--value: 0;--tone: var(--dv-accent);position:relative;height:6px;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}.progress:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--value) * 1%);border-radius:inherit;background:var(--tone);transition:width var(--dv-duration-slow) var(--dv-ease-emphasized)}.progress.positive{--tone: var(--dv-positive)}.progress.warning{--tone: var(--dv-warning)}.progress.negative{--tone: var(--dv-negative)}.progress.info{--tone: var(--dv-info)}.list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list>*+*{margin-top:0}.list-row{display:flex;align-items:center;gap:var(--dv-space-3);min-height:calc(var(--dv-control) + var(--dv-space-3));padding:var(--dv-space-2) 0;border-bottom:1px solid var(--dv-border);color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.list-row:last-child{border-bottom:0}a.list-row:hover,button.list-row:hover{color:inherit;text-decoration:none}button.list-row{width:100%;height:auto;border-radius:0;background:none;font:inherit;text-align:left;justify-content:flex-start}button.list-row:active{transform:none}.list-row>.grow>*+*{margin-top:.125rem}.list-title{font-weight:500}.list-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.tile{--hue: var(--dv-gray);flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--dv-radius-m);background:color-mix(in srgb,var(--hue) 16%,transparent);color:var(--hue)}.tile>svg{width:1.25rem;height:1.25rem}.steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;counter-reset:step}.steps>li{position:relative;margin:0;padding:0 0 var(--dv-space-4) calc(1.5rem + var(--dv-space-3));counter-increment:step}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--dv-fill-strong);font:600 var(--dv-ui-xs) / 1 var(--dv-font-text);color:var(--dv-text)}.steps>li:after{content:"";position:absolute;left:calc(.75rem - .5px);top:1.75rem;bottom:.25rem;width:1px;background:var(--dv-border-strong)}.steps>li:last-child:after{display:none}.steps>li.done:before{content:"\2713";background:var(--dv-positive);color:#fff}.steps>li.current:before{background:var(--dv-accent);color:var(--dv-on-accent)}.steps>li>strong{display:block;line-height:1.5rem}.steps>li>p{color:var(--dv-text-muted);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.field{display:flex;flex-direction:column;gap:var(--dv-space-1)}.field>*+*{margin-top:0}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dv-space-2)}.field-head output{font-size:var(--dv-ui-s)}.pairs{display:grid;grid-template-columns:auto 1fr;gap:var(--dv-space-2) var(--dv-space-4);margin:0;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.pairs>dt{color:var(--dv-text-muted)}.pairs>dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chart{position:relative;width:100%;height:var(--chart-height, 15rem)}.chart>canvas{position:absolute;inset:0}.divider{height:1px;background:var(--dv-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg.icon{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;stroke-width:1.75}i[data-icon]{display:inline-block;width:1.15em;height:1.15em}:where(.dialog,.popover,.menu,.tooltip,.toasts){position:absolute;z-index:20}.dialog,.dialog-scrim,.popover,.menu,.tooltip,.toasts,.dv-overlay-spacer{margin:0}.popover[hidden],.menu[hidden]{display:none}.dialog-scrim{position:absolute;inset:0 0 auto;z-index:19;background:#00000052;transition:opacity var(--dv-duration-slow) var(--dv-ease)}.dialog-scrim[data-state=closed]{opacity:0}.dialog{display:flex;flex-direction:column;gap:var(--dv-space-3);width:min(26rem,calc(100vw - 2rem));max-width:none;padding:var(--dv-space-5);border:0;border-radius:calc(var(--dv-radius-l) + .25rem);background:var(--dv-surface);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 1.5rem 3rem #0000002e;transition:opacity var(--dv-duration-slow) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.dialog:not([open]):not([data-state]){display:none}.dialog>*+*{margin-top:0}.dialog h2,.dialog h3,.dialog-title{font:600 var(--dv-ui-l) / 1.3 var(--dv-font-heading)}.dialog p,.dialog-description{color:var(--dv-text-muted)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dv-space-2);margin-top:var(--dv-space-2)}@media not (min-width:36rem){.dialog-actions>*{flex:1 1 0}}:where(.popover,.menu){min-width:12rem;max-width:min(20rem,calc(100vw - 1rem));border-radius:var(--dv-radius-l);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);transition:opacity var(--dv-duration) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.popover{display:flex;flex-direction:column;gap:var(--dv-space-3);padding:var(--dv-space-4)}.popover>*+*{margin-top:0}.menu{display:flex;flex-direction:column;padding:var(--dv-space-1)}.menu>:where(button,a){justify-content:flex-start;gap:var(--dv-space-2);width:100%;height:calc(var(--dv-control) - .25rem);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-s);background:transparent;color:var(--dv-text);font:400 var(--dv-ui-s) / 1 var(--dv-font-text);text-align:left;text-decoration:none}.menu>:where(button,a):is(:hover,:focus-visible){background:var(--dv-fill-strong);color:var(--dv-text);outline:none;text-decoration:none}.menu>:where(button,a):active{transform:none}.menu>:where(button,a)>svg{color:var(--dv-text-muted)}.menu>:is(button,a).danger,.menu>:is(button,a).danger>svg{background:transparent;color:var(--dv-negative-text)}.menu>:is(button,a).danger:is(:hover,:focus-visible){background:var(--dv-negative-pale)}.menu>:where(button,a)>kbd,.menu>:where(button,a)>.shortcut{margin-left:auto;color:var(--dv-text-faint);font-size:var(--dv-ui-xs)}.menu>hr{margin:var(--dv-space-1) var(--dv-space-2);border-top-color:var(--dv-border-strong)}.menu-label{padding:var(--dv-space-2) var(--dv-space-3) var(--dv-space-1);color:var(--dv-text-faint);font:500 var(--dv-ui-xs) / 1.2 var(--dv-font-text)}.tooltip{max-width:16rem;padding:.3125rem .5rem;border-radius:var(--dv-radius-s);background:color-mix(in srgb,var(--dv-text) 92%,transparent);color:var(--dv-surface);font:500 var(--dv-ui-xs) / 1.3 var(--dv-font-text);pointer-events:none;transition:opacity var(--dv-duration) var(--dv-ease)}.toasts{display:flex;flex-direction:column;align-items:center;gap:var(--dv-space-2);width:max-content;max-width:calc(100vw - 1rem);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--dv-space-2);min-height:calc(var(--dv-control) + .25rem);padding:var(--dv-space-2) var(--dv-space-2) var(--dv-space-2) var(--dv-space-4);border-radius:var(--dv-radius-pill);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);font:500 var(--dv-ui-s) / 1.3 var(--dv-font-text);pointer-events:auto;transition:opacity var(--dv-duration-slow) var(--dv-ease),translate var(--dv-duration-slow) var(--dv-ease-emphasized)}.toast:not(:has(>button)){padding-right:var(--dv-space-4)}.toast>svg{flex:none;width:1.125rem;height:1.125rem}.toast.positive>svg{color:var(--dv-positive)}.toast.negative>svg{color:var(--dv-negative)}.toast.warning>svg{color:var(--dv-warning)}.toast.info>svg{color:var(--dv-info)}.toast[data-state=closed]{opacity:0;translate:0 .5rem}:where(.dialog,.popover,.menu)[data-state=closed]{opacity:0;scale:.96}.tooltip[data-state=closed]{opacity:0}svg text,svg .t{fill:var(--dv-text);font-family:var(--dv-font-text);font-size:13px;dominant-baseline:middle}svg .t-s{font-size:11px}svg .t-m{fill:var(--dv-text-muted)}svg .t-b{font-weight:600}svg .t-h{font-family:var(--dv-font-heading);font-size:15px;font-weight:600}svg .node{fill:var(--dv-surface);stroke:var(--dv-border-strong);stroke-width:1}svg .node.sunk{fill:var(--dv-surface-sunk);stroke:none}svg .edge,svg .arrow{fill:none;stroke:var(--dv-text-faint);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg .edge.dashed,svg .arrow.dashed{stroke-dasharray:4 4}svg .dot{fill:var(--dv-text-faint)}svg #dv-arrow path{fill:var(--dv-text-faint)}svg [class*=c-]{--hue: var(--dv-gray)}svg .c-red{--hue: var(--dv-red)}svg .c-orange{--hue: var(--dv-orange)}svg .c-yellow{--hue: var(--dv-yellow)}svg .c-green{--hue: var(--dv-green)}svg .c-teal{--hue: var(--dv-teal)}svg .c-blue{--hue: var(--dv-blue)}svg .c-indigo{--hue: var(--dv-indigo)}svg .c-purple{--hue: var(--dv-purple)}svg .c-pink{--hue: var(--dv-pink)}svg .c-gray{--hue: var(--dv-gray)}svg .node[class*=c-],svg [class*=c-] .node{fill:color-mix(in srgb,var(--hue) 14%,var(--dv-surface));stroke:color-mix(in srgb,var(--hue) 55%,transparent)}svg .edge[class*=c-],svg .arrow[class*=c-],svg [class*=c-] .edge,svg [class*=c-] .arrow{stroke:var(--hue)}svg text[class*=c-],svg [class*=c-] text{fill:color-mix(in srgb,var(--hue) 70%,var(--dv-text))}svg [class*=c-] .t-m{fill:var(--dv-text-muted)}svg .fill[class*=c-],svg [class*=c-] .fill{fill:var(--hue);stroke:none}.hue-red{--hue: var(--dv-red)}.hue-orange{--hue: var(--dv-orange)}.hue-yellow{--hue: var(--dv-yellow)}.hue-green{--hue: var(--dv-green)}.hue-teal{--hue: var(--dv-teal)}.hue-blue{--hue: var(--dv-blue)}.hue-indigo{--hue: var(--dv-indigo)}.hue-purple{--hue: var(--dv-purple)}.hue-pink{--hue: var(--dv-pink)}.hue-gray{--hue: var(--dv-gray)}}
|
|
1
|
+
@layer dvina-tokens,theme,base,dvina,components,utilities;@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&family=Inter+Tight:wght@500..700&family=Manrope:wght@600..800&display=swap";@layer dvina{:root{--dv-control: var(--dv-control-s);--dv-gap: var(--dv-space-4);-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){:root{--dv-control: calc(var(--dv-control-s) + var(--dv-space-2))}}*,*:before,*:after{box-sizing:border-box}html{color:var(--dv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";-webkit-tap-highlight-color:transparent}body{margin:0;font:400 var(--dv-text-m) / var(--dv-text-m-leading) var(--dv-font-text)}:root[data-widget-layout=inline] body{background:transparent;padding:2px 2px 5px}:root[data-widget-layout=panel] body,:root:not([data-widget-layout]) body{background:var(--dv-panel);padding:var(--dv-space-6) var(--dv-space-5)}:root:not([data-widget-layout]) body{max-width:60rem;margin-inline:auto}body>*+*,body>:is(div,main,section,article):only-child:not([class],[style])>*+*{margin-top:var(--dv-gap)}h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote,pre,table{margin:0}h1,h2,h3,h4{font-family:var(--dv-font-heading);color:var(--dv-text);text-wrap:balance;letter-spacing:-.01em}h1{font-size:calc(var(--dv-font-offset) + 1.25rem);line-height:1.2;font-weight:650}h2{font-size:var(--dv-ui-l);line-height:1.3;font-weight:600}h3{font-size:var(--dv-text-m);line-height:var(--dv-text-m-leading);font-weight:600}h4{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-weight:600;color:var(--dv-text-muted)}p{text-wrap:pretty}small,figcaption,caption{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}strong,b{font-weight:600}a{color:var(--dv-link);text-decoration:none}a:hover{color:var(--dv-link-hover);text-decoration:underline;text-underline-offset:.15em}ul,ol{padding-left:1.25em}li+li{margin-top:var(--dv-space-1)}li::marker{color:var(--dv-text-faint)}hr{border:0;border-top:1px solid var(--dv-border);margin:var(--dv-space-4) 0}code,kbd,pre,samp{font-family:var(--dv-font-mono);font-size:.875em}code{padding:.1em .35em;border-radius:var(--dv-radius-xs);background:var(--dv-fill)}pre{padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-surface-sunk);overflow-x:auto;line-height:1.55}pre code{padding:0;background:none;font-size:inherit}kbd{display:inline-block;min-width:1.6em;padding:.05em .4em;border-radius:var(--dv-radius-xs);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);text-align:center;font-size:var(--dv-ui-xs)}blockquote{padding-left:var(--dv-space-4);border-left:3px solid var(--dv-border-strong);color:var(--dv-text-muted)}mark{background:var(--dv-highlight);color:inherit;border-radius:3px;padding:0 .15em}img,svg,video,canvas{max-width:100%}img,video{height:auto;border-radius:var(--dv-radius-m)}img[data-dvina-image]{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--dv-fill);color:var(--dv-text-muted);font-size:var(--dv-text-s)}img[data-dvina-image-state=loading]{animation:dv-photo-loading 1.6s ease-in-out infinite}img[data-dvina-image-state=failed]{padding:var(--dv-space-3)}@keyframes dv-photo-loading{50%{background:var(--dv-fill-strong)}}table{width:100%;border-collapse:collapse;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-variant-numeric:tabular-nums}th,td{padding:var(--dv-space-2) var(--dv-space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--dv-border)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th{font-weight:500;color:var(--dv-text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tfoot td{font-weight:600;border-top:1px solid var(--dv-border-strong);border-bottom:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dv-space-2);height:var(--dv-control);padding:0 calc(var(--dv-control) / 2);border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dv-duration) var(--dv-ease),transform var(--dv-duration) var(--dv-ease),opacity var(--dv-duration) var(--dv-ease)}button:hover,.button:hover{background:color-mix(in srgb,var(--dv-fill-strong),var(--dv-text) 6%);color:var(--dv-text);text-decoration:none}button:active,.button:active{transform:scale(.97)}button.primary,.button.primary{background:var(--dv-accent);color:var(--dv-on-accent)}button.primary:hover,.button.primary:hover{background:var(--dv-accent-hover);color:var(--dv-on-accent)}button.ghost,.button.ghost{background:transparent}button.ghost:hover,.button.ghost:hover{background:var(--dv-fill)}button.danger,.button.danger{background:var(--dv-negative-pale);color:var(--dv-negative-text)}button.small,.button.small{height:calc(var(--dv-control) - var(--dv-space-2));padding:0 var(--dv-space-3);font-size:var(--dv-ui-xs)}button.large,.button.large{height:calc(var(--dv-control) + var(--dv-space-2));padding:0 var(--dv-space-5);font-size:var(--dv-ui-m)}button.icon,.button.icon{width:var(--dv-control);padding:0}button:disabled,.button[aria-disabled=true]{opacity:var(--dv-disabled-opacity);pointer-events:none}:focus-visible{outline:2px solid var(--dv-ring);outline-offset:2px}label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea{width:100%;min-width:0;height:var(--dv-control);padding:0 var(--dv-space-3);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-s);background:var(--dv-surface);color:var(--dv-text);font:400 var(--dv-ui-s) / 1.3 var(--dv-font-text);transition:border-color var(--dv-duration) var(--dv-ease)}textarea{height:auto;min-height:calc(var(--dv-control) * 2.5);padding:var(--dv-space-2) var(--dv-space-3);resize:vertical;line-height:var(--dv-text-s-leading)}input:hover,select:hover,textarea:hover{border-color:var(--dv-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--dv-ring)}::placeholder{color:var(--dv-text-faint)}select{-webkit-appearance:none;appearance:none;padding-right:calc(var(--dv-space-3) + 1rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--dv-space-2) center}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:1.125rem;height:1.125rem;margin:0;vertical-align:-.2em;border:1.5px solid var(--dv-border-hover);border-radius:.3125rem;background:var(--dv-surface);cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),border-color var(--dv-duration) var(--dv-ease)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--dv-accent);background:var(--dv-accent)}input[type=checkbox]:checked:after{content:"";width:.625rem;height:.625rem;background:var(--dv-on-accent);clip-path:polygon(14% 44%,0 65%,43% 100%,100% 22%,84% 7%,41% 66%)}input[type=radio]:checked:after{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--dv-on-accent)}input[type=checkbox][role=switch]{width:2.375rem;height:1.375rem;padding:2px;place-content:center start;border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong)}input[type=checkbox][role=switch]:after{content:"";width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 1px 3px #0003;transition:translate var(--dv-duration-slow) var(--dv-ease-emphasized)}input[type=checkbox][role=switch]:checked{background:var(--dv-switch-on)}input[type=checkbox][role=switch]:checked:after{translate:1rem 0}:where(label:has(>input[type=checkbox],>input[type=radio])){display:inline-flex;align-items:center;gap:var(--dv-space-2);color:var(--dv-text);font-size:var(--dv-ui-s);cursor:pointer}input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--dv-accent) var(--fill),var(--dv-fill-strong) var(--fill))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--dv-fill-strong)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--dv-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dv-ring)}output{font-variant-numeric:tabular-nums;font-weight:600}progress,meter{-webkit-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}progress::-webkit-progress-bar{background:var(--dv-fill-strong)}progress::-webkit-progress-value{border-radius:3px;background:var(--dv-accent)}progress::-moz-progress-bar{border-radius:3px;background:var(--dv-accent)}meter::-webkit-meter-bar{border:0;background:var(--dv-fill-strong)}meter::-webkit-meter-optimum-value{background:var(--dv-positive)}meter::-webkit-meter-suboptimum-value{background:var(--dv-warning)}meter::-webkit-meter-even-less-good-value{background:var(--dv-negative)}details{border-bottom:1px solid var(--dv-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);padding:var(--dv-space-3) 0;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";flex:none;width:.5rem;height:.5rem;border-right:1.5px solid var(--dv-text-faint);border-bottom:1.5px solid var(--dv-text-faint);rotate:45deg;translate:0 -2px;transition:rotate var(--dv-duration-slow) var(--dv-ease-emphasized)}details[open]>summary:after{rotate:225deg;translate:0 2px}details>:not(summary){padding-bottom:var(--dv-space-3);color:var(--dv-text-muted)}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:var(--dv-space-2);font-size:var(--dv-text-s);color:var(--dv-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.stack{display:flex;flex-direction:column;gap:var(--dv-gap)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dv-space-2)}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 10rem),100%),1fr));gap:var(--dv-gap)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media not (min-width:36rem){.grid.cols-3{grid-template-columns:minmax(0,1fr)}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid:is(.cols-2,.cols-4)>:last-child:nth-child(odd){grid-column:1 / -1}}.gap-s{--dv-gap: var(--dv-space-2)}.gap-l{--dv-gap: var(--dv-space-5)}.grow{flex:1 1 0;min-width:0}.card{display:flex;flex-direction:column;gap:var(--dv-gap);padding:var(--dv-space-4);border-radius:var(--dv-radius-l);background:var(--dv-surface);box-shadow:var(--dv-shadow-surface);min-width:0}.card>*+*{margin-top:0}.card.sunk{background:var(--dv-fill);box-shadow:none}.card.glass{background:var(--dv-glass);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--dv-shadow-surface),inset 0 1px #ffffff1f}.card.flat{padding:0;background:none;box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dv-space-3)}.card-head>div>*+*{margin-top:.125rem}.card-title{font:600 var(--dv-ui-m) / 1.3 var(--dv-font-heading);letter-spacing:-.01em}.card-subtitle,.muted{color:var(--dv-text-muted)}.card-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.faint{color:var(--dv-text-faint)}.small{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.caption{font-size:var(--dv-ui-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dv-text-faint)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stat{display:flex;flex-direction:column;gap:var(--dv-space-1);min-width:0}.stat>*+*{margin-top:0}.stat-label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.stat-value{font:700 var(--dv-display) / var(--dv-display-leading) var(--dv-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat.small .stat-value{font-size:calc(var(--dv-font-offset) + 1.375rem)}.stat-delta{font-size:var(--dv-ui-xs);font-weight:500;color:var(--dv-text-muted)}.stat-delta.up,.positive-text{color:var(--dv-positive-text)}.stat-delta.down,.negative-text{color:var(--dv-negative-text)}.cite{display:inline-flex;align-items:center;align-self:flex-start;justify-self:start;width:fit-content;max-width:100%;gap:var(--dv-space-1);height:1.25rem;margin-inline-start:var(--dv-space-1);padding:0 .375rem 0 var(--dv-space-1);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-pill);background:var(--dv-page);color:var(--dv-text-muted);font:400 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:-.2em;text-decoration:none;cursor:pointer;transition:color var(--dv-duration) var(--dv-ease),background-color var(--dv-duration) var(--dv-ease)}.cite[data-dvina-cite-joined]{display:none}.cite:hover{background:var(--dv-fill-hover);color:var(--dv-text);text-decoration:none}.cite-icons{display:flex}.cite-icon{display:inline-flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--dv-page);box-shadow:0 0 0 2px var(--dv-page)}.cite-icon+.cite-icon{margin-inline-start:-.375rem}.cite-icon img{width:100%;height:100%;object-fit:cover}.cite-icon svg{width:.625rem;height:.625rem;fill:none;stroke:var(--dv-text-muted);stroke-width:2}.cite-label{max-width:8rem;overflow:hidden;text-overflow:ellipsis;padding-block:var(--dv-space-1);margin-block:calc(-1 * var(--dv-space-1))}.badge{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:middle}.badge.positive{background:var(--dv-positive-pale);color:var(--dv-positive-text)}.badge.negative{background:var(--dv-negative-pale);color:var(--dv-negative-text)}.badge.warning{background:var(--dv-warning-pale);color:var(--dv-warning-text)}.badge.info{background:var(--dv-info-pale);color:var(--dv-info-text)}.badge.outline{background:none;box-shadow:inset 0 0 0 1px var(--dv-border-strong)}.callout{display:flex;gap:var(--dv-space-3);padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-fill);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.callout>svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.0625rem}.callout strong{display:block}.callout.info{background:var(--dv-info-pale)}.callout.positive{background:var(--dv-positive-pale)}.callout.warning{background:var(--dv-warning-pale)}.callout.negative{background:var(--dv-negative-pale)}.callout.info>svg,.callout.info strong{color:var(--dv-info-text)}.callout.positive>svg,.callout.positive strong{color:var(--dv-positive-text)}.callout.warning>svg,.callout.warning strong{color:var(--dv-warning-text)}.callout.negative>svg,.callout.negative strong{color:var(--dv-negative-text)}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--dv-radius-pill);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented>button,.segmented>label{flex:1 0 auto;height:calc(var(--dv-control) - 4px);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-pill);background:transparent;color:var(--dv-text-muted);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),color var(--dv-duration) var(--dv-ease)}.segmented>button:hover,.segmented>label:hover{background:transparent;color:var(--dv-text)}.segmented>button:active{transform:none}.segmented>label>input{position:absolute;opacity:0;pointer-events:none}.segmented>button[aria-pressed=true],.segmented>button[aria-selected=true],.segmented>label:has(>input:checked){background:var(--dv-segment-puck);color:var(--dv-text);box-shadow:0 1px 2px #00000014}.segmented.block{display:flex}.tabs{display:flex;gap:var(--dv-space-5);border-bottom:1px solid var(--dv-border);overflow-x:auto;scrollbar-width:none}.tabs>button{height:auto;padding:var(--dv-space-2) 0;border-radius:0;background:none;color:var(--dv-text-muted);box-shadow:inset 0 -2px 0 transparent}.tabs>button:hover{background:none;color:var(--dv-text)}.tabs>button:active{transform:none}.tabs>button[aria-selected=true]{color:var(--dv-text);box-shadow:inset 0 -2px 0 var(--dv-accent)}.progress{--value: 0;--tone: var(--dv-accent);position:relative;height:6px;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}.progress:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--value) * 1%);border-radius:inherit;background:var(--tone);transition:width var(--dv-duration-slow) var(--dv-ease-emphasized)}.progress.positive{--tone: var(--dv-positive)}.progress.warning{--tone: var(--dv-warning)}.progress.negative{--tone: var(--dv-negative)}.progress.info{--tone: var(--dv-info)}.list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list>*+*{margin-top:0}.list-row{display:flex;align-items:center;gap:var(--dv-space-3);min-height:calc(var(--dv-control) + var(--dv-space-3));padding:var(--dv-space-2) 0;border-bottom:1px solid var(--dv-border);color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.list-row:last-child{border-bottom:0}a.list-row:hover,button.list-row:hover{color:inherit;text-decoration:none}button.list-row{width:100%;height:auto;border-radius:0;background:none;font:inherit;text-align:left;justify-content:flex-start}button.list-row:active{transform:none}.list-row>.grow>*+*{margin-top:.125rem}.list-title{font-weight:500}.list-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.tile{--hue: var(--dv-gray);flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--dv-radius-m);background:color-mix(in srgb,var(--hue) 16%,transparent);color:var(--hue)}.tile>svg{width:1.25rem;height:1.25rem}.steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;counter-reset:step}.steps>li{position:relative;margin:0;padding:0 0 var(--dv-space-4) calc(1.5rem + var(--dv-space-3));counter-increment:step}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--dv-fill-strong);font:600 var(--dv-ui-xs) / 1 var(--dv-font-text);color:var(--dv-text)}.steps>li:after{content:"";position:absolute;left:calc(.75rem - .5px);top:1.75rem;bottom:.25rem;width:1px;background:var(--dv-border-strong)}.steps>li:last-child:after{display:none}.steps>li.done:before{content:"\2713";background:var(--dv-positive);color:#fff}.steps>li.current:before{background:var(--dv-accent);color:var(--dv-on-accent)}.steps>li>strong{display:block;line-height:1.5rem}.steps>li>p{color:var(--dv-text-muted);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.field{display:flex;flex-direction:column;gap:var(--dv-space-1)}.field>*+*{margin-top:0}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dv-space-2)}.field-head output{font-size:var(--dv-ui-s)}.pairs{display:grid;grid-template-columns:auto 1fr;gap:var(--dv-space-2) var(--dv-space-4);margin:0;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.pairs>dt{color:var(--dv-text-muted)}.pairs>dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chart{position:relative;width:100%;height:var(--chart-height, 15rem)}.chart>canvas{position:absolute;inset:0}.divider{height:1px;background:var(--dv-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg.icon{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;stroke-width:1.75}i[data-icon]{display:inline-block;width:1.15em;height:1.15em}:where(.dialog,.popover,.menu,.tooltip,.toasts){position:absolute;z-index:20}.dialog,.dialog-scrim,.popover,.menu,.tooltip,.toasts,.dv-overlay-spacer{margin:0}.popover[hidden],.menu[hidden]{display:none}.dialog-scrim{position:absolute;inset:0 0 auto;z-index:19;background:#00000052;transition:opacity var(--dv-duration-slow) var(--dv-ease)}.dialog-scrim[data-state=closed]{opacity:0}.dialog{display:flex;flex-direction:column;gap:var(--dv-space-3);width:min(26rem,calc(100vw - 2rem));max-width:none;padding:var(--dv-space-5);border:0;border-radius:calc(var(--dv-radius-l) + .25rem);background:var(--dv-surface);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 1.5rem 3rem #0000002e;transition:opacity var(--dv-duration-slow) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.dialog:not([open]):not([data-state]){display:none}.dialog>*+*{margin-top:0}.dialog h2,.dialog h3,.dialog-title{font:600 var(--dv-ui-l) / 1.3 var(--dv-font-heading)}.dialog p,.dialog-description{color:var(--dv-text-muted)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dv-space-2);margin-top:var(--dv-space-2)}@media not (min-width:36rem){.dialog-actions>*{flex:1 1 0}}:where(.popover,.menu){min-width:12rem;max-width:min(20rem,calc(100vw - 1rem));border-radius:var(--dv-radius-l);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);transition:opacity var(--dv-duration) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.popover{display:flex;flex-direction:column;gap:var(--dv-space-3);padding:var(--dv-space-4)}.popover>*+*{margin-top:0}.menu{display:flex;flex-direction:column;padding:var(--dv-space-1)}.menu>:where(button,a){justify-content:flex-start;gap:var(--dv-space-2);width:100%;height:calc(var(--dv-control) - .25rem);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-s);background:transparent;color:var(--dv-text);font:400 var(--dv-ui-s) / 1 var(--dv-font-text);text-align:left;text-decoration:none}.menu>:where(button,a):is(:hover,:focus-visible){background:var(--dv-fill-strong);color:var(--dv-text);outline:none;text-decoration:none}.menu>:where(button,a):active{transform:none}.menu>:where(button,a)>svg{color:var(--dv-text-muted)}.menu>:is(button,a).danger,.menu>:is(button,a).danger>svg{background:transparent;color:var(--dv-negative-text)}.menu>:is(button,a).danger:is(:hover,:focus-visible){background:var(--dv-negative-pale)}.menu>:where(button,a)>kbd,.menu>:where(button,a)>.shortcut{margin-left:auto;color:var(--dv-text-faint);font-size:var(--dv-ui-xs)}.menu>hr{margin:var(--dv-space-1) var(--dv-space-2);border-top-color:var(--dv-border-strong)}.menu-label{padding:var(--dv-space-2) var(--dv-space-3) var(--dv-space-1);color:var(--dv-text-faint);font:500 var(--dv-ui-xs) / 1.2 var(--dv-font-text)}.tooltip{max-width:16rem;padding:.3125rem .5rem;border-radius:var(--dv-radius-s);background:color-mix(in srgb,var(--dv-text) 92%,transparent);color:var(--dv-surface);font:500 var(--dv-ui-xs) / 1.3 var(--dv-font-text);pointer-events:none;transition:opacity var(--dv-duration) var(--dv-ease)}.toasts{display:flex;flex-direction:column;align-items:center;gap:var(--dv-space-2);width:max-content;max-width:calc(100vw - 1rem);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--dv-space-2);min-height:calc(var(--dv-control) + .25rem);padding:var(--dv-space-2) var(--dv-space-2) var(--dv-space-2) var(--dv-space-4);border-radius:var(--dv-radius-pill);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);font:500 var(--dv-ui-s) / 1.3 var(--dv-font-text);pointer-events:auto;transition:opacity var(--dv-duration-slow) var(--dv-ease),translate var(--dv-duration-slow) var(--dv-ease-emphasized)}.toast:not(:has(>button)){padding-right:var(--dv-space-4)}.toast>svg{flex:none;width:1.125rem;height:1.125rem}.toast.positive>svg{color:var(--dv-positive)}.toast.negative>svg{color:var(--dv-negative)}.toast.warning>svg{color:var(--dv-warning)}.toast.info>svg{color:var(--dv-info)}.toast[data-state=closed]{opacity:0;translate:0 .5rem}:where(.dialog,.popover,.menu)[data-state=closed]{opacity:0;scale:.96}.tooltip[data-state=closed]{opacity:0}svg text,svg .t{fill:var(--dv-text);font-family:var(--dv-font-text);font-size:13px;dominant-baseline:middle}svg .t-s{font-size:11px}svg .t-m{fill:var(--dv-text-muted)}svg .t-b{font-weight:600}svg .t-h{font-family:var(--dv-font-heading);font-size:15px;font-weight:600}svg .node{fill:var(--dv-surface);stroke:var(--dv-border-strong);stroke-width:1}svg .node.sunk{fill:var(--dv-surface-sunk);stroke:none}svg .edge,svg .arrow{fill:none;stroke:var(--dv-text-faint);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg .edge.dashed,svg .arrow.dashed{stroke-dasharray:4 4}svg .dot{fill:var(--dv-text-faint)}svg #dv-arrow path{fill:var(--dv-text-faint)}svg [class*=c-]{--hue: var(--dv-gray)}svg .c-red{--hue: var(--dv-red)}svg .c-orange{--hue: var(--dv-orange)}svg .c-yellow{--hue: var(--dv-yellow)}svg .c-green{--hue: var(--dv-green)}svg .c-teal{--hue: var(--dv-teal)}svg .c-blue{--hue: var(--dv-blue)}svg .c-indigo{--hue: var(--dv-indigo)}svg .c-purple{--hue: var(--dv-purple)}svg .c-pink{--hue: var(--dv-pink)}svg .c-gray{--hue: var(--dv-gray)}svg .node[class*=c-],svg [class*=c-] .node{fill:color-mix(in srgb,var(--hue) 14%,var(--dv-surface));stroke:color-mix(in srgb,var(--hue) 55%,transparent)}svg .edge[class*=c-],svg .arrow[class*=c-],svg [class*=c-] .edge,svg [class*=c-] .arrow{stroke:var(--hue)}svg text[class*=c-],svg [class*=c-] text{fill:color-mix(in srgb,var(--hue) 70%,var(--dv-text))}svg [class*=c-] .t-m{fill:var(--dv-text-muted)}svg .fill[class*=c-],svg [class*=c-] .fill{fill:var(--hue);stroke:none}.hue-red{--hue: var(--dv-red)}.hue-orange{--hue: var(--dv-orange)}.hue-yellow{--hue: var(--dv-yellow)}.hue-green{--hue: var(--dv-green)}.hue-teal{--hue: var(--dv-teal)}.hue-blue{--hue: var(--dv-blue)}.hue-indigo{--hue: var(--dv-indigo)}.hue-purple{--hue: var(--dv-purple)}.hue-pink{--hue: var(--dv-pink)}.hue-gray{--hue: var(--dv-gray)}}
|
package/dist/index.html
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
document.documentElement.dataset.themeMode = themeMode;
|
|
38
38
|
})();
|
|
39
39
|
</script>
|
|
40
|
-
<script type="module" crossorigin src="/assets/index-
|
|
40
|
+
<script type="module" crossorigin src="/assets/index-C0jRF7sX.js"></script>
|
|
41
41
|
<link rel="modulepreload" crossorigin href="/assets/react-vendor-Dhb16r3m.js">
|
|
42
42
|
<link rel="stylesheet" crossorigin href="/assets/index-rPjexcwV.css">
|
|
43
43
|
</head>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dvina/artifact-renderer-viewer",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.47",
|
|
4
4
|
"description": "The Dvina Artifact Renderer viewer as a built static site: index.html and its assets, ready to serve from any static host.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
"vite": "^6.3.5",
|
|
31
31
|
"xlsx": "^0.18.5",
|
|
32
32
|
"yaml": "^2.8.3",
|
|
33
|
-
"@dvina/artifact-renderer-protocol": "0.0.
|
|
34
|
-
"@dvina/
|
|
35
|
-
"@dvina/
|
|
33
|
+
"@dvina/artifact-renderer-protocol": "0.0.47",
|
|
34
|
+
"@dvina/widget-kit": "0.0.47",
|
|
35
|
+
"@dvina/artifact-renderer-core": "0.0.47"
|
|
36
36
|
},
|
|
37
37
|
"license": "MIT",
|
|
38
38
|
"repository": {
|