@malloydata/malloy-explorer 0.0.304-dev250814203415 → 0.0.305-dev251220225448

package/dist/malloy-explorer.css

@@ -8,12 +8,16 @@
 @layer priority1, priority2, priority3, priority4, priority5, priority6;
 
 @layer priority1{
-:root, .mly16bcggl{--mly1rtpqm4:rgba(10, 19, 23, 0.2);--mlywmj25p:rgba(121, 82, 255, 0.2);--mly1f95ebd:rgba(36, 187, 94, 0.2);--mly1jva6ta:rgba(3, 167, 215, 0.2);--mly1yr7ch6:rgba(241, 244, 247, 1);--mly1bs2mf7:rgba(0, 130, 251, 0.2);--mlywj8cgu:rgba(11, 153, 31, 0.2);--mlyhsum04:rgba(226, 164, 0, 0.2);--mly19gk0g3:rgba(227, 25, 59, 0.2);--mlyrbis2b:rgba(204, 211, 219, 1);--mly1eayp21:rgba(230, 235, 239, 1);--mly1bn1nfc:rgba(37, 54, 63, 1);}
-:root, .mly182du4u{--mly231nev:rgba(10, 19, 23, 1);--mly1i3blw4:rgba(78, 96, 111, 1);--mly16ir2n5:rgba(164, 176, 188, 1);--mly883cce:rgba(0, 100, 224, 1);--mlyy3jzoq:rgba(255, 255, 255, 1);--mly7qnfvx:rgba(10, 19, 23, 1);--mly3ib3qi:rgba(62, 6, 151, 1);--mlyndhcph:rgba(9, 68, 31, 1);--mlykotp7t:rgba(1, 73, 117, 1);--mlyf25c1a:rgba(66, 133, 244, 1);}
+:root, .mly112oox9{--mly1v7zpod:0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1);--mly1qokt1h:0px 2px 12px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1);--mly1f26pke:0 0 0 1px rgba(204, 211, 219, 1);--mly1yeb1wa:0 0 0 2px rgba(0, 100, 224, 1);--mly7zr30u:rgb(0, 100, 224);--mly1pim1be:rgba(1, 113, 227, 0.3) 0px 0px 0px 3px inset;--mlywpv3p0:rgba(0, 0, 0, 0.1);}
+:root, .mly182du4u{--mly231nev:rgba(10, 19, 23, 1);--mly1i3blw4:rgba(78, 96, 111, 1);--mly16ir2n5:rgba(164, 176, 188, 1);--mly883cce:rgba(0, 100, 224, 1);--mlyeem0lm:rgba(221, 226, 232, 1);--mlyy3jzoq:rgba(255, 255, 255, 1);--mly7qnfvx:rgba(10, 19, 23, 1);--mly3ib3qi:rgba(62, 6, 151, 1);--mlyndhcph:rgba(9, 68, 31, 1);--mlykotp7t:rgba(1, 73, 117, 1);--mlyf25c1a:rgba(66, 133, 244, 1);}
 :root, .mlyacbved{--mly8s4nhd:rgba(10, 19, 23, 1);--mly130oqjo:rgba(78, 96, 111, 1);--mlywh4rgx:rgba(164, 176, 188, 1);--mly1gq6bli:rgba(255, 255, 255, 1);--mly1jphivy:rgba(164, 176, 188, 1);--mly6i1qgk:rgba(121, 82, 255, 1);--mly1css67u:rgba(7, 109, 41, 1);--mly1fea1fg:rgba(2, 141, 193, 1);--mlyz9tc12:rgba(233, 175, 8, 1);--mly1dryxz7:rgba(0, 100, 224, 1);--mly176ansx:rgba(13, 134, 38, 1);--mlybq1dnb:rgba(227, 25, 59, 1);}
-:root, .mlyugude9{--mlyiz2tia:#0064E0;--mly1nffz32:#0082FB32;--mly1mq821i:white;--mlyz6dflh:rgba(0, 0, 0, 0.10);--mly4a29vv:#0000000D;--mlyhoywqa:#050505;--mly1qcfjts:#A4B0BC;}
+:root, .mly16bcggl{--mlygaeq1b:rgba(255, 255, 255, 1);--mlyowxivf:rgba(255, 255, 255, 1);--mlyrhmj74:rgba(241, 244, 247, 1);--mlys9k3ya:rgba(230, 235, 239, 1);--mly1bn1nfc:rgba(37, 54, 63, 1);--mly1rtpqm4:rgba(10, 19, 23, 0.2);--mlywmj25p:rgba(121, 82, 255, 0.2);--mly1f95ebd:rgba(36, 187, 94, 0.2);--mly1jva6ta:rgba(3, 167, 215, 0.2);--mlyrbis2b:rgba(204, 211, 219, 1);--mly1bs2mf7:rgba(0, 130, 251, 0.2);--mlywj8cgu:rgba(11, 153, 31, 0.2);--mlyhsum04:rgba(226, 164, 0, 0.2);--mly19gk0g3:rgba(227, 25, 59, 0.2);--mlywfavfw:rgba(0, 0, 0, 0.05);--mlyenhe5r:rgba(0, 0, 0, 0.1);--mly1p0ff5j:rgba(255, 255, 255, 0.5);--mlyjz1sb4:rgba(230, 235, 239, 1);--mly1gkf9zs:rgba(221, 226, 232, 1);--mlyiun9k:rgba(204, 211, 219, 1);--mlyx17nfv:rgba(0, 100, 224, 1);--mly1tptikx:rgba(4, 87, 203, 1);--mly11oqegi:rgba(0, 76, 188, 1);}
 :root, .mly18uf1kx{--mlynfhokh:none;}
 :root, .mly11fl7i8{--mlyvpnzvp:none;}
+.mly4f1hfu, .mly4f1hfu:root{--mly1bs2mf7:rgba(0, 130, 251, 0.24);--mlygaeq1b:rgba(20, 22, 25, 1);--mly11oqegi:rgba(74, 126, 205, 1);--mlyx17nfv:rgba(98, 162, 255, 1);--mly1tptikx:rgba(88, 146, 232, 1);--mlyiun9k:rgba(64, 71, 78, 1);--mlyjz1sb4:rgba(48, 53, 58, 1);--mly1gkf9zs:rgba(55, 61, 67, 1);--mly1jva6ta:rgba(3, 167, 215, 0.24);--mly1p0ff5j:rgba(0, 0, 0, 0.25);--mlyrbis2b:rgba(71, 76, 82, 1);--mly1rtpqm4:rgba(245, 247, 250, 0.16);--mly1f95ebd:rgba(36, 187, 94, 0.24);--mly19gk0g3:rgba(227, 25, 59, 0.24);--mlyenhe5r:rgba(255, 255, 255, 0.12);--mlywfavfw:rgba(255, 255, 255, 0.06);--mlywj8cgu:rgba(11, 153, 31, 0.24);--mlywmj25p:rgba(121, 82, 255, 0.24);--mlyowxivf:rgba(30, 33, 37, 1);--mlyrhmj74:rgba(39, 43, 47, 1);--mlys9k3ya:rgba(48, 53, 58, 1);--mly1bn1nfc:rgba(245, 247, 250, 1);--mlyhsum04:rgba(226, 164, 0, 0.24);}
+.mly1gnh9hh, .mly1gnh9hh:root{--mly1dryxz7:rgba(98, 162, 255, 1);--mly1fea1fg:rgba(108, 208, 244, 1);--mlywh4rgx:rgba(126, 139, 151, 1);--mly1jphivy:rgba(126, 139, 151, 1);--mly1css67u:rgba(118, 231, 166, 1);--mlybq1dnb:rgba(255, 122, 147, 1);--mly176ansx:rgba(118, 231, 166, 1);--mly8s4nhd:rgba(241, 244, 247, 1);--mly1gq6bli:rgba(5, 5, 5, 1);--mly6i1qgk:rgba(180, 139, 255, 1);--mly130oqjo:rgba(189, 198, 206, 1);--mlyz9tc12:rgba(233, 175, 8, 1);}
+.mlyfg9r64, .mlyfg9r64:root{--mly1v7zpod:0 1px 2px 0 rgba(0, 0, 0, 0.6), 0 2px 12px 0 rgba(0, 0, 0, 0.4);--mly1qokt1h:0px 2px 12px 0px rgba(0, 0, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.4);--mly1yeb1wa:0 0 0 2px rgba(98, 162, 255, 1);--mly7zr30u:rgb(98, 162, 255);--mly1pim1be:rgba(98, 162, 255, 0.3) 0px 0px 0px 3px inset;--mly1f26pke:0 0 0 1px rgba(71, 76, 82, 1);--mlywpv3p0:rgba(255, 255, 255, 0.15);}
+.mly74xrg6, .mly74xrg6:root{--mlykotp7t:rgba(108, 208, 244, 1);--mlyf25c1a:rgba(144, 187, 255, 1);--mly16ir2n5:rgba(126, 139, 151, 1);--mly7qnfvx:rgba(221, 226, 232, 1);--mlyndhcph:rgba(118, 231, 166, 1);--mly883cce:rgba(98, 162, 255, 1);--mly231nev:rgba(241, 244, 247, 1);--mlyy3jzoq:rgba(5, 5, 5, 1);--mly3ib3qi:rgba(180, 139, 255, 1);--mly1i3blw4:rgba(189, 198, 206, 1);--mlyeem0lm:rgba(30, 33, 37, 1);}
 .mly10cf5cp{--mly10mhzaa:var(--mly1f95ebd)}
 .mlykvi9ht{--mly10mhzaa:var(--mly1jva6ta)}
 .mly1rve117{--mly10mhzaa:var(--mly1rtpqm4)}
@@ -57,34 +61,29 @@
 }
 
 @layer priority2{
-.mly1o4sr5b{background:#0A1317}
-.mly3j5mvw{background:#D0D3D7}
-.mlyo6guvx{background:#fff}
-.mly17eh757{background:#FFFFFF}
 .mly5uxqc1{background:rgba(0 0 0 / 0)}
-.mlyhcrij8{background:rgba(0,100,224,1)}
-.mly1xnbgy5{background:rgba(204,211,219,1)}
-.mlygqa5hp{background:rgba(230,235,239,1)}
-.mlyzy8d55{background:rgba(255,255,255,.5)}
-.mlyotlr4g{background:rgba(255,255,255,1)}
 .mly1lrzu1o{background:transparent!important}
 .mly1md70p1{background:transparent}
 .mlysu8s4a{background:var(--mly10mhzaa)}
-.mly1np9qvj{background:var(--mly1eayp21)}
-.mly1b4wx6v{background:var(--mly1mq821i)}
-.mly16o7sp0{background:var(--mly1nffz32)}
-.mlyzkdzjc{border:1px solid #CCD3DB}
+.mly1wp621z{background:var(--mly1bs2mf7)}
+.mly1dyadpi{background:var(--mly1p0ff5j)}
+.mly1d8y1cu{background:var(--mly1rtpqm4)}
+.mlycuvecc{background:var(--mlygaeq1b)}
+.mly7cs2c{background:var(--mlyiun9k)}
+.mly2taacv{background:var(--mlyjz1sb4)}
+.mly1bjczhr{background:var(--mlyowxivf)}
+.mly1cn1p8l{background:var(--mlyrbis2b)}
+.mly1cmjei3{background:var(--mlys9k3ya)}
+.mly1kyiqbu{background:var(--mlyx17nfv)}
 .mly2yh2zd{border:1px solid #e0e0e0}
 .mly8fuzfi{border:1px solid #efefef}
 .mly1dc9p4k{border:1px solid red}
 .mly27xtdb{border:1px solid rgb(239,239,239)}
-.mly520xni{border:1px solid rgba(204,211,219,1)}
-.mlyvckdp7{border:1px solid rgba(230,235,239,1)}
 .mlyfj9a5l{border:1px solid transparent}
 .mly1vspu6z{border:1px solid var(--malloy-composer-form-background,#efefef)}
 .mlyss3vti{border:1px solid var(--malloy-composer-form-border,#ececed)}
 .mlyv3vvaf{border:1px solid var(--malloy-composer-form-focus,#4285f4)}
-.mly15q0wj1{border:1px solid var(--malloy-composer-menu-border,#ececed)}
+.mlyhu5y25{border:1px solid var(--mlyrbis2b)}
 .mly1gs6z28{border:none}
 .mly15r89dc{grid-area:1 / 1}
 .mly1ghz6dp{margin:0}
@@ -120,23 +119,21 @@
 .mly14odnwx{padding:5px}
 .mly153ncpu{padding:8px 12px}
 .mlye8ttls{padding:8px}
-.mly1bw6wve:is([data-highlighted]){background:rgba(0,0,0,.05)}
-.mlyamyxth:is([data-state="checked"]){background:rgba(0,130,251,.2)}
-.mlyejs3c0:is([data-highlighted]):is([data-state="checked"]){background:rgba(0,130,251,.3)}
-.mly14hn1a8:hover{background:rgba(0,0,0,.05)}
-.mly1uceoyp:hover{background:rgba(221,226,232,1)}
-.mly1vdl2d1:hover{background:rgba(4,87,203,1)}
-.mlywghvya:active{background:rgba(0,0,0,.1)}
-.mly1u4cpcs:active{background:rgba(0,76,188,1)}
-.mly1cncicd:active{background:rgba(204,211,219,1)}
+.mly1tx4nyv:is([data-state="checked"]){background:var(--mly1bs2mf7)}
+.mly1vg538p:is([data-highlighted]){background:var(--mlywfavfw)}
+.mly1julgsk:is([data-highlighted]):is([data-state="checked"]){background:var(--mly1bs2mf7)}
+.mly1b1kpiu:hover{background:var(--mly1gkf9zs)}
+.mly1cbp0pj:hover{background:var(--mly1tptikx)}
+.mly1xbhkwo:hover{background:var(--mlywfavfw)}
+.mly111eqgs:active{background:var(--mly11oqegi)}
+.mly1v24qdc:active{background:var(--mlyenhe5r)}
+.mlybc727s:active{background:var(--mlyiun9k)}
 }
 
 @layer priority3{
-.mlyllpv0l{border-bottom:1px solid #e0e0e0}
-.mlyv3yj8d{border-bottom:1px solid var(--malloy-color-border,#e0e0e0)}
 .mly1akygb0{border-color:none}
-.mly1y5yj0f{border-color:rgb(0,100,224)}
 .mly10bk7bj{border-color:var(--malloy-composer-focus,#c3d7f7)}
+.mlyv66to0{border-color:var(--mly7zr30u)}
 .mly17v018m{border-color:var(--mlyrbis2b)}
 .mly11zuszs{border-radius:0 0 10px 10px}
 .mly19ctu66{border-radius:0 4px 4px 0}
@@ -152,11 +149,9 @@
 .mlyur7f20{border-radius:8px}
 .mly10hpsqq{border-radius:9999px}
 .mly1pjcqnp{border-radius:inherit}
-.mlyfuqftd{border-right:1px solid #C8CCD2}
-.mly1roky18{border-right:1px solid rgba(204,211,219,1)}
+.mly1ruvecq{border-right:1px solid var(--mlyrbis2b)}
 .mlyng3xce{border-style:none}
 .mly1y0btm7{border-style:solid}
-.mly1gnry1m{border-top:1px solid #CCD3DB}
 .mlye536se{border-top:1px solid #e0e0e0}
 .mly77krkw{border-top:1px solid var(--malloy-composer-form-border,#ececec)}
 .mlyc342km{border-width:0}
@@ -195,34 +190,28 @@
 .mly1cy8zhl{align-items:flex-start}
 .mly7a106z{align-items:start}
 .mly1071x5a{align-items:top}
-.mly7v9bd0{animation-duration:.75s}
+.mly1c74tu6{animation-duration:2s}
 .mlya4qsjk{animation-iteration-count:infinite}
 .mly8jsasv{animation-name:mlyqng64z-B}
 .mly1esw782{animation-timing-function:linear}
-.mlylp1x4z{backface-visibility:hidden}
-.mlygmb8sa{background-color:#E6EBEF}
-.mly83z2og{background-color:#fff}
 .mly1vzefiq{background-color:rgb(240,246,255)}
-.mlyy9rfsq{background-color:rgba(230,235,239,1)}
-.mly10cdfl8{background-color:rgba(241,244,247,1)}
-.mly1gzqxud{background-color:rgba(255,255,255,1)}
-.mly1jmk7v{background-color:rgba(37,54,63,1)}
 .mlyjbqb8w{background-color:transparent}
-.mly9nb4jr{background-color:var(--malloy-color-background,white)}
 .mly1jjku57{background-color:var(--malloy-composer-form-disabledBackground,#f6f6f6)}
 .mly6wxqrg{background-color:var(--malloy-composer-form-focusBackground,#f0f6ff)}
-.mly12azwz9{background-color:var(--malloy-composer-menu-background,white)}
 .mlyrkwa2d{background-color:var(--mly19gk0g3)}
+.mly1pcjto7{background-color:var(--mly1bn1nfc)}
 .mly1pnbjq1{background-color:var(--mly1bs2mf7)}
-.mly12nb83b{background-color:var(--mly1yr7ch6)}
+.mlyn8dcc1{background-color:var(--mlygaeq1b)}
 .mly1x7w6om{background-color:var(--mlyhsum04)}
+.mly1yduej5{background-color:var(--mlyowxivf)}
+.mly13z5u0c{background-color:var(--mlyrhmj74)}
+.mlyzh2ni8{background-color:var(--mlys9k3ya)}
 .mly1x3oq6j{background-color:var(--mlywj8cgu)}
 .mly12peec7{background-color:white}
 .mly1mwwwfo{border-collapse:collapse}
-.mlygbc89k{box-shadow:0 0 0 1px #CCD3DB}
-html:not([dir='rtl']) .mlyn8fsvk{box-shadow:0 0 0 1px rgb(0,100,224) inset,0 0 0 3px rgba(1,113,227,.3) inset}
-html[dir='rtl'] .mlyn8fsvk{box-shadow:0 0 0 1px rgb(0,100,224) inset, 0 0 0 3px rgba(1,113,227,.3) inset}
-.mlybwr872{box-shadow:0 0 0 2px rgba(0,100,224,1)}
+.mlyzteli5{border-right-background:var(--mlyrbis2b)}
+html:not([dir='rtl']) .mlydid9jw{box-shadow:0 0 0 1px var(--mly7zr30u) inset,var(--mly1pim1be)}
+html[dir='rtl'] .mlydid9jw{box-shadow:0 0 0 1px var(--mly7zr30u) inset, var(--mly1pim1be)}
 html:not([dir='rtl']) .mly1kmqopl{box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1)}
 html[dir='rtl'] .mly1kmqopl{box-shadow:0 0 5px 0 rgba(0,0,0,.1), 0 0 1px 0 rgba(0,0,0,.1)}
 html:not([dir='rtl']) .mly5n1uv4{box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 12px 0 rgba(0,0,0,.1)}
@@ -230,22 +219,18 @@ html[dir='rtl'] .mly5n1uv4{box-shadow:0 1px 2px 0 rgba(0,0,0,.1), 0 2px 12px 0 r
 .mly1a3rnpv{box-shadow:0 1px 5px 1px #0000001a}
 html:not([dir='rtl']) .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1)}
 html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.1)}
-.mlyx2l43u{box-shadow:0 2px 12px 0 var(--mlyz6dflh)}
 .mly1gnnqk1{box-shadow:none}
-.mlyg48p7p{box-shadow:rgba(1,113,227,.3) 0 0 0 3px inset}
+.mly1ga53z4{box-shadow:var(--mly1f26pke)}
+.mly118a1h2{box-shadow:var(--mly1pim1be)}
+.mly8dadwf{box-shadow:var(--mly1qokt1h)}
+.mly1towwp7{box-shadow:var(--mly1v7zpod)}
+.mly1p9pjdr{box-shadow:var(--mly1yeb1wa)}
 .mly9f619{box-sizing:border-box}
-.mlyayvuls{color:#000000}
-.mly1aejobo{color:#0064E0}
 .mly1v5ugh9{color:#505050}
 .mly358b0h{color:#909090}
 .mly1e2nbdu{color:red}
-.mly198oq2i{color:rgb(62,158,251)!important}
 .mlyizdh9v{color:rgb(95,99,104)}
-.mlykfrnou{color:rgba(0,100,224,1)}
-.mlyj5j7qc{color:rgba(100,118,133,1)}
-.mly1rs82da{color:rgba(221,226,232,1)}
 .mly183j0n7{color:rgba(228,230,235,1)}
-.mly1dhlylr{color:rgba(5,5,5,1)}
 .mly19co3pv{color:transparent}
 .mly1pc1dlx{color:var(--malloy-composer-form-foreground,#5f6368)}
 .mly1r0d382{color:var(--mly130oqjo)}
@@ -262,15 +247,15 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyann5r3{color:var(--mly1jphivy)}
 .mly12lmysb{color:var(--mly1ltarg1)}
 .mly1ard1hs{color:var(--mly1ojyoay)}
-.mly1jwwhvr{color:var(--mly1qcfjts)}
 .mly1ue28sr{color:var(--mly231nev)}
 .mlyydnxy5{color:var(--mly3ib3qi)}
 .mly15jt5ur{color:var(--mly5m5edj)}
 .mly1ywypuw{color:var(--mly6i1qgk)}
+.mly17rwmdj{color:var(--mly883cce)}
 .mly1p68tcb{color:var(--mly8s4nhd)}
 .mly109d434{color:var(--mlybq1dnb)}
+.mlya26k3e{color:var(--mlyeem0lm)}
 .mly1nwq7qm{color:var(--mlyf25c1a)}
-.mly1q8pm5h{color:var(--mlyhoywqa)}
 .mlywn9h7t{color:var(--mlyvygx4q)}
 .mly16un6j3{color:var(--mlywh4rgx)}
 .mlyuk6yi3{color:var(--mlyxo3nik)}
@@ -280,7 +265,6 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1ipiool{cursor:initial}
 .mly1ypdohk{cursor:pointer}
 .mly104kibb{display:-webkit-box}
-.mly1lliihq{display:block}
 .mly78zum5{display:flex}
 .mlyrvj5dj{display:grid}
 .mly1rg5ohu{display:inline-block}
@@ -360,7 +344,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly11uqc5h{z-index:100}
 .mlyhtitgo{z-index:2}
 .mly14vaotu:is([data-state='active']){background-color:var(--mly1bs2mf7)}
-.mlyqweix6:is([data-disabled]){color:var(--mly1qcfjts)}
+.mly14kfzap:is([data-disabled]){color:var(--mly16ir2n5)}
 .mlyb0tsu4:is([data-state='active']){color:var(--mly883cce)}
 .mly5ezrf1:is([data-disabled]){cursor:not-allowed}
 .mly1uifvsu:is([data-state='active']){font-weight:700}
@@ -368,12 +352,21 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1haqvef:hover{background-color:#DDE2E8}
 .mlyjg9ulk:hover{background-color:#efefef}
 .mlyt89l8w:hover{background-color:var(--malloy-composer-form-focusBackground,#f0f6ff)}
-.mlyk1j4u7:hover{background-color:var(--mly4a29vv)}
+.mly1vtmp6m:hover{background-color:var(--mlyrhmj74)}
 .mlyk1e6ed:hover{box-shadow:rgba(204,211,219,.3) 0 0 0 3px inset}
 .mlytw1abo:focus{background-color:white}
 }
 
 @layer priority5{
+.mlybmeysy{border-bottom-color:var(--mlyrbis2b)}
+.mly1q0q8m5{border-bottom-style:solid}
+.mlyso031l{border-bottom-width:1px}
+.mlyv3cp8q{border-right-color:var(--mlyrbis2b)}
+.mly32b0ac{border-right-style:solid}
+.mlys1s249{border-right-width:1px}
+.mlydwjgp9{border-top-color:var(--mlyrbis2b)}
+.mly13fuv20{border-top-style:solid}
+.mly178xt8z{border-top-width:1px}
 .mly1ey2m1c{bottom:0}
 .mlyqtp20y{height:0}
 .mly5yr21d{height:100%}
@@ -483,7 +476,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 }
 
 @layer priority6{
-.mly1njml60::placeholder{color:rgba(78,96,111,1)}
+.mlyf2qczu::placeholder{color:var(--mly1i3blw4)}
 }
 
 div[data-radix-popper-content-wrapper] {

package/dist/types/components/MalloyExplorerProvider.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import * as Malloy from '@malloydata/malloy-interfaces';
 import type { DrillData } from '@malloydata/render';
 import { SearchValueMapResult } from '../hooks/useTopValues';
+import { ColorTheme } from './primitives/colors.stylex';
 export interface MalloyExplorerProviderProps {
     /** Malloy source to extend for query */
     source: Malloy.SourceInfo;
@@ -18,5 +19,8 @@ export interface MalloyExplorerProviderProps {
     topValues?: SearchValueMapResult[];
     /** Default drill behavior override callback */
     onDrill?: ({ stableQuery, stableDrillClauses }: DrillData) => void;
+    /** Color overrides */
+    theme?: ColorTheme;
+    dark?: boolean;
 }
-export declare function MalloyExplorerProvider({ source, query, onQueryChange, focusedNestViewPath, onFocusedNestViewPathChange, children, topValues, onDrill, }: MalloyExplorerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MalloyExplorerProvider({ source, query, onQueryChange, focusedNestViewPath, onFocusedNestViewPathChange, children, topValues, onDrill, theme, dark, }: MalloyExplorerProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/AddMenu/styles.d.ts

@@ -3,7 +3,7 @@ export declare const addMenuStyles: Readonly<{
         readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 4>;
         readonly borderWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderWidth", 1>;
-        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", `0px 2px 12px 0px ${import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>}`>;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", string>;
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "sans-serif">;
         readonly margin: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"margin", 8>;
         readonly maxHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxHeight", "50vh">;

package/dist/types/components/QueryPanel/dialogStyles.d.ts

@@ -19,19 +19,21 @@ export declare const dialogStyles: Readonly<{
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
         readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "space-between">;
         readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "center">;
-        readonly borderBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottom", "1px solid #e0e0e0">;
+        readonly borderBottomWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottomColor", string>;
         readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "2.2em">;
     }>;
     readonly close: Readonly<{
         readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "none">;
-        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "transparent" | "rgba(0, 0, 0, 0.05)" | "rgba(0, 0, 0, 0.1)">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 4>;
     }>;
     readonly content: Readonly<{
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
         readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
-        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", "0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1)">;
-        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "white">;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", string>;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 8>;
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 8>;
         readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", 240>;
@@ -52,8 +54,11 @@ export declare const dialogStyles: Readonly<{
         readonly flexGrow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexGrow", 1>;
     }>;
     readonly input: Readonly<{
-        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "1px solid #e0e0e0">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgb(95, 99, 104)">;
+        readonly borderWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderColor", string>;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "4px 8px 4px 8px">;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 5>;
     }>;

package/dist/types/components/primitives/Button.d.ts

@@ -43,9 +43,9 @@ export default function Button({ variant, size, icon, label, tooltip, isDisabled
 declare const colorVariants: Readonly<{
     readonly default: Readonly<{
         readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
-            readonly default: "rgba(230, 235, 239, 1)";
-            readonly ':hover': "rgba(221, 226, 232, 1)";
-            readonly ':active': "rgba(204, 211, 219, 1)";
+            readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':hover': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':active': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
             readonly ':disabled'?: undefined;
         } | {
             readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
@@ -53,13 +53,13 @@ declare const colorVariants: Readonly<{
             readonly ':hover'?: undefined;
             readonly ':active'?: undefined;
         }>;
-        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(204, 211, 219, 1)" | "rgba(230, 235, 239, 1)" | "rgba(221, 226, 232, 1)">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
     }>;
     readonly flat: Readonly<{
         readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
             readonly default: "transparent";
-            readonly ':hover': "rgba(0, 0, 0, 0.05)";
-            readonly ':active': "rgba(0, 0, 0, 0.1)";
+            readonly ':hover': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':active': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
             readonly ':disabled'?: undefined;
         } | {
             readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
@@ -67,13 +67,13 @@ declare const colorVariants: Readonly<{
             readonly ':hover'?: undefined;
             readonly ':active'?: undefined;
         }>;
-        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "transparent" | "rgba(0, 0, 0, 0.05)" | "rgba(0, 0, 0, 0.1)">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
     }>;
     readonly primary: Readonly<{
         readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
-            readonly default: "rgba(0, 100, 224, 1)";
-            readonly ':hover': "rgba(4, 87, 203, 1)";
-            readonly ':active': "rgba(0, 76, 188, 1)";
+            readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':hover': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':active': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
             readonly ':disabled'?: undefined;
         } | {
             readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
@@ -81,7 +81,7 @@ declare const colorVariants: Readonly<{
             readonly ':hover'?: undefined;
             readonly ':active'?: undefined;
         }>;
-        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(0, 100, 224, 1)" | "rgba(4, 87, 203, 1)" | "rgba(0, 76, 188, 1)">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
     }>;
 }>;
 declare const sizeVariants: Readonly<{

package/dist/types/components/primitives/Spinner.d.ts

@@ -1,17 +1,8 @@
 import { StyleXStyles } from '@stylexjs/stylex';
 declare const SIZES: {
-    large: {
-        border: number;
-        diameter: number;
-    };
-    medium: {
-        border: number;
-        diameter: number;
-    };
-    small: {
-        border: number;
-        diameter: number;
-    };
+    large: number;
+    medium: number;
+    small: number;
 };
 type SpinnerSize = keyof typeof SIZES;
 interface SpinnerProps {

package/dist/types/components/primitives/colors.stylex.d.ts

@@ -1,22 +1,34 @@
 export declare const backgroundColors: import("@stylexjs/stylex").VarGroup<Readonly<{
+    app: string;
+    surface: string;
+    surfaceSubtle: string;
+    surfaceToken: string;
+    tooltip: string;
     gray: string;
     purple: string;
     green: string;
     cyan: string;
-    washOnWeb: string;
+    divider: string;
     accentDeemphasized: string;
     positiveDeemphasized: string;
     warningDeemphasized: string;
     negativeDeemphasized: string;
-    divider: string;
-    token: string;
-    tooltip: string;
+    overlayHover: string;
+    overlayActive: string;
+    disabledOverlay: string;
+    controlDefault: string;
+    controlHover: string;
+    controlActive: string;
+    brandDefault: string;
+    brandHover: string;
+    brandActive: string;
 }>, symbol>;
 export declare const textColors: import("@stylexjs/stylex").VarGroup<Readonly<{
     primary: string;
     secondary: string;
     disabled: string;
     link: string;
+    tooltip: string;
     primaryOnDarkMedia: string;
     gray: string;
     purple: string;
@@ -38,3 +50,132 @@ export declare const iconColors: import("@stylexjs/stylex").VarGroup<Readonly<{
     positive: string;
     negative: string;
 }>, symbol>;
+export declare const utility: import("@stylexjs/stylex").VarGroup<Readonly<{
+    elevationMedium: string;
+    elevationSmall: string;
+    outline: string;
+    focusOutline: string;
+    focusRingColor: string;
+    focusRingInner: string;
+    spinnerTrack: string;
+}>, symbol>;
+export declare const darkBackgroundTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    app: string;
+    surface: string;
+    surfaceSubtle: string;
+    surfaceToken: string;
+    tooltip: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    divider: string;
+    accentDeemphasized: string;
+    positiveDeemphasized: string;
+    warningDeemphasized: string;
+    negativeDeemphasized: string;
+    overlayHover: string;
+    overlayActive: string;
+    disabledOverlay: string;
+    controlDefault: string;
+    controlHover: string;
+    controlActive: string;
+    brandDefault: string;
+    brandHover: string;
+    brandActive: string;
+}>, symbol>, symbol>;
+export declare const darkTextTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    link: string;
+    tooltip: string;
+    primaryOnDarkMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    dimension: string;
+}>, symbol>, symbol>;
+export declare const darkIconTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    primaryOnMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    warning: string;
+    accent: string;
+    positive: string;
+    negative: string;
+}>, symbol>, symbol>;
+export declare const darkUtilityTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    elevationMedium: string;
+    elevationSmall: string;
+    outline: string;
+    focusOutline: string;
+    focusRingColor: string;
+    focusRingInner: string;
+    spinnerTrack: string;
+}>, symbol>, symbol>;
+export declare const darkThemes: readonly [import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    app: string;
+    surface: string;
+    surfaceSubtle: string;
+    surfaceToken: string;
+    tooltip: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    divider: string;
+    accentDeemphasized: string;
+    positiveDeemphasized: string;
+    warningDeemphasized: string;
+    negativeDeemphasized: string;
+    overlayHover: string;
+    overlayActive: string;
+    disabledOverlay: string;
+    controlDefault: string;
+    controlHover: string;
+    controlActive: string;
+    brandDefault: string;
+    brandHover: string;
+    brandActive: string;
+}>, symbol>, symbol>, import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    link: string;
+    tooltip: string;
+    primaryOnDarkMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    dimension: string;
+}>, symbol>, symbol>, import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    primaryOnMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    warning: string;
+    accent: string;
+    positive: string;
+    negative: string;
+}>, symbol>, symbol>, import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    elevationMedium: string;
+    elevationSmall: string;
+    outline: string;
+    focusOutline: string;
+    focusRingColor: string;
+    focusRingInner: string;
+    spinnerTrack: string;
+}>, symbol>, symbol>];
+export type ColorTheme = typeof darkThemes;

package/dist/types/components/primitives/contexts/ThemeContext.d.ts

@@ -0,0 +1,6 @@
+import { ColorTheme } from '../colors.stylex';
+export interface ThemeContextProps {
+    theme?: ColorTheme;
+    dark?: boolean;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;