@hanzo/ui 8.0.48 → 8.0.49
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.
- package/dist/styles.css +7 -7
- package/dist/theme.css +3 -3
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
So EVERY token whose dark value is a --white-* rung must be restated below,
|
|
230
230
|
and check-tokens.mjs fails the build if one is missed — that class of bug is
|
|
231
231
|
silent (the border simply stops existing) and has shipped before. */
|
|
232
|
-
.light{
|
|
232
|
+
.light, :root.t_light{
|
|
233
233
|
color-scheme:light;
|
|
234
234
|
--background:#ffffff;
|
|
235
235
|
--foreground:#0a0a0a;
|
|
@@ -608,7 +608,7 @@
|
|
|
608
608
|
obvious spelling would invalidate the whole declaration and take the drop
|
|
609
609
|
shadow down with it. A zero-size transparent shadow composes to nothing and
|
|
610
610
|
costs nothing. */
|
|
611
|
-
.light{
|
|
611
|
+
.light, :root.t_light{
|
|
612
612
|
--shadow-floating:0 24px 60px -16px rgb(0 0 0 / .18);
|
|
613
613
|
--shadow-inset-hairline:inset 0 0 0 1px rgb(0 0 0 / .10);
|
|
614
614
|
--edge-highlight:inset 0 0 0 0 transparent;
|
|
@@ -895,7 +895,7 @@
|
|
|
895
895
|
stays INSIDE the layer — an unlayered rule here would outrank an app's own
|
|
896
896
|
utilities, which is the defect check 1c exists to catch. */
|
|
897
897
|
:where(html){scrollbar-color:var(--white-15) transparent;scrollbar-width:thin}
|
|
898
|
-
.light{scrollbar-color:rgb(0 0 0 / .18) transparent}
|
|
898
|
+
.light, :root.t_light{scrollbar-color:rgb(0 0 0 / .18) transparent}
|
|
899
899
|
:where(*)::-webkit-scrollbar{width:6px;height:6px}
|
|
900
900
|
:where(*)::-webkit-scrollbar-track{background:transparent}
|
|
901
901
|
:where(*)::-webkit-scrollbar-thumb{background:var(--white-15);border-radius:var(--radius-full)}
|
|
@@ -1465,10 +1465,10 @@
|
|
|
1465
1465
|
:root .font_mono, :root .t_lang-mono-default .font_mono { --f-family:'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --f-lineHeight-1:16px; --f-lineHeight-2:18px; --f-lineHeight-3:20px; --f-lineHeight-4:22px; --f-lineHeight-5:22px; --f-lineHeight-6:24px; --f-lineHeight-7:28px; --f-lineHeight-8:32px; --f-lineHeight-9:32px; --f-lineHeight-10:38px; --f-lineHeight-11:46px; --f-lineHeight-12:54px; --f-lineHeight-13:62px; --f-lineHeight-14:70px; --f-lineHeight-15:86px; --f-lineHeight-16:102px; --f-lineHeight-true:20px; --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:0px; --f-letterSpacing-8:0px; --f-letterSpacing-9:0px; --f-letterSpacing-10:0px; --f-letterSpacing-11:0px; --f-letterSpacing-12:0px; --f-letterSpacing-13:0px; --f-letterSpacing-14:0px; --f-letterSpacing-15:0px; --f-letterSpacing-16:0px; --f-letterSpacing-true:0px; --f-size-1:11px; --f-size-2:13px; --f-size-3:14px; --f-size-4:15px; --f-size-5:15px; --f-size-6:17px; --f-size-7:21px; --f-size-8:26px; --f-size-9:26px; --f-size-10:32px; --f-size-11:40px; --f-size-12:48px; --f-size-13:56px; --f-size-14:64px; --f-size-15:80px; --f-size-16:96px; --f-size-true:14px
|
|
1466
1466
|
}
|
|
1467
1467
|
.font_body, .font_heading, .font_mono, .is_View {font-family: var(--f-family); letter-spacing: var(--f-letterSpacing-true); line-height: var(--f-lineHeight-true); font-weight: var(--f-weight-true)}
|
|
1468
|
-
:root.t_dark, :root.t_dark , :root.t_light .t_dark , .tm_xxt {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t0);--color6:var(--t11);--color7:var(--t12);--color8:var(--t13);--color9:var(--t14);--color10:var(--t15);--color11:var(--t16);--color12:var(--t17);--color0:var(--t18);--color02:var(--t19);--color04:var(--t20);--color06:var(--t21);--color08:var(--t22);--color:var(--t17);--colorHover:var(--t22);--colorPress:var(--t17);--colorFocus:var(--t16);--
|
|
1468
|
+
:root.t_dark, :root.t_dark , :root.t_light .t_dark , .tm_xxt {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t0);--color6:var(--t11);--color7:var(--t12);--color8:var(--t13);--color9:var(--t14);--color10:var(--t15);--color11:var(--t16);--color12:var(--t17);--color0:var(--t18);--color02:var(--t19);--color04:var(--t20);--color06:var(--t21);--color08:var(--t22);--color:var(--t17);--colorHover:var(--t22);--colorPress:var(--t17);--colorFocus:var(--t16);--backgroundHover:var(--t9);--backgroundPress:var(--t7);--backgroundFocus:var(--t9);--backgroundActive:var(--t8);--borderColor:var(--t10);--borderColorHover:var(--t0);--borderColorFocus:var(--t10);--borderColorPress:var(--t9);--placeholderColor:var(--t14);--colorTransparent:var(--t18);--black1:var(--t23);--black2:var(--t24);--black3:var(--t25);--black4:var(--t26);--black5:var(--t27);--black6:var(--t28);--black7:var(--t29);--black8:var(--t30);--black9:var(--t31);--black10:var(--t32);--black11:var(--t33);--black12:var(--t34);--white1:var(--t35);--white2:var(--t36);--white3:var(--t37);--white4:var(--t38);--white5:var(--t39);--white6:var(--t40);--white7:var(--t41);--white8:var(--t42);--white9:var(--t43);--white10:var(--t44);--white11:var(--t45);--white12:var(--t46);--white0:var(--t48);--white02:var(--t49);--white04:var(--t50);--white06:var(--t51);--white08:var(--t52);--black0:var(--t54);--black02:var(--t55);--black04:var(--t56);--black06:var(--t57);--black08:var(--t58);--shadow1:var(--t59);--shadow2:var(--t60);--shadow3:var(--t61);--shadow4:var(--t62);--shadow5:var(--t63);--shadow6:var(--t58);--shadow7:var(--t64);--shadow8:var(--t53);--highlight1:var(--t65);--highlight2:var(--t49);--highlight3:var(--t66);--highlight4:var(--t67);--highlight5:var(--t68);--highlight6:var(--t69);--highlight7:var(--t70);--highlight8:var(--t47);--shadowColor:var(--t61);--gray1:var(--t71);--gray2:var(--t25);--gray3:var(--t72);--gray4:var(--t73);--gray5:var(--t74);--gray6:var(--t75);--gray7:var(--t76);--gray8:var(--t77);--gray9:var(--t78);--gray10:var(--t79);--gray11:var(--t80);--gray12:var(--t81);--blue1:var(--t82);--blue2:var(--t83);--blue3:var(--t84);--blue4:var(--t85);--blue5:var(--t86);--blue6:var(--t87);--blue7:var(--t88);--blue8:var(--t89);--blue9:var(--t90);--blue10:var(--t91);--blue11:var(--t92);--blue12:var(--t93);--red1:var(--t94);--red2:var(--t95);--red3:var(--t96);--red4:var(--t97);--red5:var(--t98);--red6:var(--t99);--red7:var(--t100);--red8:var(--t101);--red9:var(--t102);--red10:var(--t103);--red11:var(--t104);--red12:var(--t105);--yellow1:var(--t106);--yellow2:var(--t107);--yellow3:var(--t108);--yellow4:var(--t109);--yellow5:var(--t110);--yellow6:var(--t111);--yellow7:var(--t112);--yellow8:var(--t113);--yellow9:var(--t114);--yellow10:var(--t115);--yellow11:var(--t116);--yellow12:var(--t117);--green1:var(--t118);--green2:var(--t119);--green3:var(--t120);--green4:var(--t121);--green5:var(--t122);--green6:var(--t123);--green7:var(--t124);--green8:var(--t125);--green9:var(--t126);--green10:var(--t127);--green11:var(--t128);--green12:var(--t129);--orange1:var(--t130);--orange2:var(--t131);--orange3:var(--t132);--orange4:var(--t133);--orange5:var(--t134);--orange6:var(--t135);--orange7:var(--t136);--orange8:var(--t137);--orange9:var(--t138);--orange10:var(--t139);--orange11:var(--t140);--orange12:var(--t141);--pink1:var(--t142);--pink2:var(--t143);--pink3:var(--t144);--pink4:var(--t145);--pink5:var(--t146);--pink6:var(--t147);--pink7:var(--t148);--pink8:var(--t149);--pink9:var(--t150);--pink10:var(--t151);--pink11:var(--t152);--pink12:var(--t153);--purple1:var(--t154);--purple2:var(--t155);--purple3:var(--t156);--purple4:var(--t157);--purple5:var(--t158);--purple6:var(--t159);--purple7:var(--t160);--purple8:var(--t161);--purple9:var(--t162);--purple10:var(--t163);--purple11:var(--t164);--purple12:var(--t165);--teal1:var(--t166);--teal2:var(--t167);--teal3:var(--t168);--teal4:var(--t169);--teal5:var(--t170);--teal6:var(--t171);--teal7:var(--t172);--teal8:var(--t173);--teal9:var(--t174);--teal10:var(--t175);--teal11:var(--t176);--teal12:var(--t177);--neutral1:var(--t178);--neutral2:var(--t179);--neutral3:var(--t180);--neutral4:var(--t41);--neutral5:var(--t181);--neutral6:var(--t182);--neutral7:var(--t183);--neutral8:var(--t184);--neutral9:var(--t185);--neutral10:var(--t186);--neutral11:var(--t187);--neutral12:var(--t188);--accent1:var(--t17);--accent2:var(--t189);--accent3:var(--t1);--accent4:var(--t190);--accent5:var(--t16);--accent6:var(--t191);--accent7:var(--t192);--accent8:var(--t193);--accent9:var(--t194);--accent10:var(--t0);--accent11:var(--t10);--accent12:var(--t195);--color01:var(--t196);--color0075:var(--t197);--color005:var(--t198);--color0025:var(--t199);--color002:var(--t200);--color001:var(--t201);--background01:var(--t202);--background0075:var(--t203);--background005:var(--t204);--background0025:var(--t205);--background002:var(--t206);--background001:var(--t207);--outlineColor:var(--t208);}
|
|
1469
1469
|
@media(prefers-color-scheme:dark){
|
|
1470
1470
|
body{background:var(--background);color:var(--color)}
|
|
1471
|
-
:root {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t0);--color6:var(--t11);--color7:var(--t12);--color8:var(--t13);--color9:var(--t14);--color10:var(--t15);--color11:var(--t16);--color12:var(--t17);--color0:var(--t18);--color02:var(--t19);--color04:var(--t20);--color06:var(--t21);--color08:var(--t22);--color:var(--t17);--colorHover:var(--t22);--colorPress:var(--t17);--colorFocus:var(--t16);--
|
|
1471
|
+
:root {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t0);--color6:var(--t11);--color7:var(--t12);--color8:var(--t13);--color9:var(--t14);--color10:var(--t15);--color11:var(--t16);--color12:var(--t17);--color0:var(--t18);--color02:var(--t19);--color04:var(--t20);--color06:var(--t21);--color08:var(--t22);--color:var(--t17);--colorHover:var(--t22);--colorPress:var(--t17);--colorFocus:var(--t16);--backgroundHover:var(--t9);--backgroundPress:var(--t7);--backgroundFocus:var(--t9);--backgroundActive:var(--t8);--borderColor:var(--t10);--borderColorHover:var(--t0);--borderColorFocus:var(--t10);--borderColorPress:var(--t9);--placeholderColor:var(--t14);--colorTransparent:var(--t18);--black1:var(--t23);--black2:var(--t24);--black3:var(--t25);--black4:var(--t26);--black5:var(--t27);--black6:var(--t28);--black7:var(--t29);--black8:var(--t30);--black9:var(--t31);--black10:var(--t32);--black11:var(--t33);--black12:var(--t34);--white1:var(--t35);--white2:var(--t36);--white3:var(--t37);--white4:var(--t38);--white5:var(--t39);--white6:var(--t40);--white7:var(--t41);--white8:var(--t42);--white9:var(--t43);--white10:var(--t44);--white11:var(--t45);--white12:var(--t46);--white0:var(--t48);--white02:var(--t49);--white04:var(--t50);--white06:var(--t51);--white08:var(--t52);--black0:var(--t54);--black02:var(--t55);--black04:var(--t56);--black06:var(--t57);--black08:var(--t58);--shadow1:var(--t59);--shadow2:var(--t60);--shadow3:var(--t61);--shadow4:var(--t62);--shadow5:var(--t63);--shadow6:var(--t58);--shadow7:var(--t64);--shadow8:var(--t53);--highlight1:var(--t65);--highlight2:var(--t49);--highlight3:var(--t66);--highlight4:var(--t67);--highlight5:var(--t68);--highlight6:var(--t69);--highlight7:var(--t70);--highlight8:var(--t47);--shadowColor:var(--t61);--gray1:var(--t71);--gray2:var(--t25);--gray3:var(--t72);--gray4:var(--t73);--gray5:var(--t74);--gray6:var(--t75);--gray7:var(--t76);--gray8:var(--t77);--gray9:var(--t78);--gray10:var(--t79);--gray11:var(--t80);--gray12:var(--t81);--blue1:var(--t82);--blue2:var(--t83);--blue3:var(--t84);--blue4:var(--t85);--blue5:var(--t86);--blue6:var(--t87);--blue7:var(--t88);--blue8:var(--t89);--blue9:var(--t90);--blue10:var(--t91);--blue11:var(--t92);--blue12:var(--t93);--red1:var(--t94);--red2:var(--t95);--red3:var(--t96);--red4:var(--t97);--red5:var(--t98);--red6:var(--t99);--red7:var(--t100);--red8:var(--t101);--red9:var(--t102);--red10:var(--t103);--red11:var(--t104);--red12:var(--t105);--yellow1:var(--t106);--yellow2:var(--t107);--yellow3:var(--t108);--yellow4:var(--t109);--yellow5:var(--t110);--yellow6:var(--t111);--yellow7:var(--t112);--yellow8:var(--t113);--yellow9:var(--t114);--yellow10:var(--t115);--yellow11:var(--t116);--yellow12:var(--t117);--green1:var(--t118);--green2:var(--t119);--green3:var(--t120);--green4:var(--t121);--green5:var(--t122);--green6:var(--t123);--green7:var(--t124);--green8:var(--t125);--green9:var(--t126);--green10:var(--t127);--green11:var(--t128);--green12:var(--t129);--orange1:var(--t130);--orange2:var(--t131);--orange3:var(--t132);--orange4:var(--t133);--orange5:var(--t134);--orange6:var(--t135);--orange7:var(--t136);--orange8:var(--t137);--orange9:var(--t138);--orange10:var(--t139);--orange11:var(--t140);--orange12:var(--t141);--pink1:var(--t142);--pink2:var(--t143);--pink3:var(--t144);--pink4:var(--t145);--pink5:var(--t146);--pink6:var(--t147);--pink7:var(--t148);--pink8:var(--t149);--pink9:var(--t150);--pink10:var(--t151);--pink11:var(--t152);--pink12:var(--t153);--purple1:var(--t154);--purple2:var(--t155);--purple3:var(--t156);--purple4:var(--t157);--purple5:var(--t158);--purple6:var(--t159);--purple7:var(--t160);--purple8:var(--t161);--purple9:var(--t162);--purple10:var(--t163);--purple11:var(--t164);--purple12:var(--t165);--teal1:var(--t166);--teal2:var(--t167);--teal3:var(--t168);--teal4:var(--t169);--teal5:var(--t170);--teal6:var(--t171);--teal7:var(--t172);--teal8:var(--t173);--teal9:var(--t174);--teal10:var(--t175);--teal11:var(--t176);--teal12:var(--t177);--neutral1:var(--t178);--neutral2:var(--t179);--neutral3:var(--t180);--neutral4:var(--t41);--neutral5:var(--t181);--neutral6:var(--t182);--neutral7:var(--t183);--neutral8:var(--t184);--neutral9:var(--t185);--neutral10:var(--t186);--neutral11:var(--t187);--neutral12:var(--t188);--accent1:var(--t17);--accent2:var(--t189);--accent3:var(--t1);--accent4:var(--t190);--accent5:var(--t16);--accent6:var(--t191);--accent7:var(--t192);--accent8:var(--t193);--accent9:var(--t194);--accent10:var(--t0);--accent11:var(--t10);--accent12:var(--t195);--color01:var(--t196);--color0075:var(--t197);--color005:var(--t198);--color0025:var(--t199);--color002:var(--t200);--color001:var(--t201);--background01:var(--t202);--background0075:var(--t203);--background005:var(--t204);--background0025:var(--t205);--background002:var(--t206);--background001:var(--t207);--outlineColor:var(--t208);}
|
|
1472
1472
|
}
|
|
1473
1473
|
.t_dark ::selection{background:var(--color5);color:var(--color11)}
|
|
1474
1474
|
:root.t_dark .t_Button, :root.t_dark .t_SliderThumb, :root.t_dark .t_Switch, :root.t_dark .t_black_Button, :root.t_dark .t_black_SliderThumb, :root.t_dark .t_black_Switch, :root.t_dark .t_black_surface2, :root.t_dark .t_surface2, :root.t_light .t_dark .t_Button, :root.t_light .t_dark .t_SliderThumb, :root.t_light .t_dark .t_Switch, :root.t_light .t_dark .t_black_Button, :root.t_light .t_dark .t_black_SliderThumb, :root.t_light .t_dark .t_black_Switch, :root.t_light .t_dark .t_black_surface2, :root.t_light .t_dark .t_surface2, .tm_xxt {--color:var(--t16);--colorHover:var(--t17);--colorPress:var(--t16);--colorFocus:var(--t15);--background:var(--t10);--backgroundHover:var(--t0);--backgroundPress:var(--t9);--backgroundFocus:var(--t12);--backgroundActive:var(--t10);--borderColor:var(--t11);--borderColorHover:var(--t12);--borderColorFocus:var(--t11);--borderColorPress:var(--t0);--color01:var(--t196);--color0075:var(--t197);--color005:var(--t198);--color0025:var(--t199);--color002:var(--t200);--color001:var(--t201);--background01:var(--t202);--background0075:var(--t203);--background005:var(--t204);--background0025:var(--t205);--background002:var(--t206);--background001:var(--t207);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--outlineColor:var(--t208);}
|
|
@@ -1740,10 +1740,10 @@
|
|
|
1740
1740
|
.t_yellow_SwitchThumb, .t_yellow_Tooltip, .t_yellow_accent {--accentBackground:var(--t1);--accentColor:var(--t0);--background0:var(--t598);--background02:var(--t582);--background04:var(--t583);--background06:var(--t584);--background08:var(--t585);--color1:var(--t597);--color2:var(--t596);--color3:var(--t595);--color4:var(--t594);--color5:var(--t593);--color6:var(--t592);--color7:var(--t591);--color8:var(--t590);--color9:var(--t589);--color10:var(--t588);--color11:var(--t587);--color12:var(--t586);--color0:var(--t581);--color02:var(--t616);--color04:var(--t617);--color06:var(--t618);--color08:var(--t619);--color:var(--t586);--colorHover:var(--t619);--colorPress:var(--t586);--colorFocus:var(--t587);--background:var(--t596);--backgroundHover:var(--t595);--backgroundPress:var(--t597);--backgroundFocus:var(--t595);--backgroundActive:var(--t596);--borderColor:var(--t594);--borderColorHover:var(--t593);--borderColorFocus:var(--t594);--borderColorPress:var(--t595);--placeholderColor:var(--t589);--colorTransparent:var(--t581);--color01:var(--t603);--color0075:var(--t604);--color005:var(--t605);--color0025:var(--t606);--color002:var(--t607);--color001:var(--t608);--background01:var(--t609);--background0075:var(--t610);--background005:var(--t611);--background0025:var(--t612);--background002:var(--t613);--background001:var(--t614);--outlineColor:var(--t615);}
|
|
1741
1741
|
}
|
|
1742
1742
|
.t_dark_yellow_SwitchThumb ::selection, .t_dark_yellow_Tooltip ::selection, .t_dark_yellow_accent ::selection{background:var(--color5);color:var(--color11)}
|
|
1743
|
-
:root.t_dark .t_light , :root.t_light, :root.t_light , .tm_xxt {--accentBackground:var(--t9);--accentColor:var(--t15);--background0:var(--t18);--background02:var(--t213);--background04:var(--t214);--background06:var(--t215);--background08:var(--t216);--color1:var(--t17);--color2:var(--t189);--color3:var(--t1);--color4:var(--t190);--color5:var(--t16);--color6:var(--t191);--color7:var(--t192);--color8:var(--t193);--color9:var(--t194);--color10:var(--t0);--color11:var(--t10);--color12:var(--t195);--color0:var(--t217);--color02:var(--t218);--color04:var(--t219);--color06:var(--t220);--color08:var(--t221);--color:var(--t195);--colorHover:var(--t195);--colorPress:var(--t195);--colorFocus:var(--t221);--
|
|
1743
|
+
:root.t_dark .t_light , :root.t_light, :root.t_light , .tm_xxt {--accentBackground:var(--t9);--accentColor:var(--t15);--background0:var(--t18);--background02:var(--t213);--background04:var(--t214);--background06:var(--t215);--background08:var(--t216);--color1:var(--t17);--color2:var(--t189);--color3:var(--t1);--color4:var(--t190);--color5:var(--t16);--color6:var(--t191);--color7:var(--t192);--color8:var(--t193);--color9:var(--t194);--color10:var(--t0);--color11:var(--t10);--color12:var(--t195);--color0:var(--t217);--color02:var(--t218);--color04:var(--t219);--color06:var(--t220);--color08:var(--t221);--color:var(--t195);--colorHover:var(--t195);--colorPress:var(--t195);--colorFocus:var(--t221);--backgroundHover:var(--t17);--backgroundPress:var(--t1);--backgroundFocus:var(--t1);--backgroundActive:var(--t189);--borderColor:var(--t190);--borderColorHover:var(--t1);--borderColorFocus:var(--t190);--borderColorPress:var(--t16);--placeholderColor:var(--t194);--colorTransparent:var(--t217);--black1:var(--t23);--black2:var(--t24);--black3:var(--t25);--black4:var(--t26);--black5:var(--t27);--black6:var(--t28);--black7:var(--t29);--black8:var(--t30);--black9:var(--t31);--black10:var(--t32);--black11:var(--t33);--black12:var(--t34);--white1:var(--t35);--white2:var(--t36);--white3:var(--t37);--white4:var(--t38);--white5:var(--t39);--white6:var(--t40);--white7:var(--t41);--white8:var(--t42);--white9:var(--t43);--white10:var(--t44);--white11:var(--t45);--white12:var(--t46);--white0:var(--t48);--white02:var(--t49);--white04:var(--t50);--white06:var(--t51);--white08:var(--t52);--black0:var(--t54);--black02:var(--t55);--black04:var(--t56);--black06:var(--t57);--black08:var(--t58);--shadow1:var(--t620);--shadow2:var(--t621);--shadow3:var(--t622);--shadow4:var(--t623);--shadow5:var(--t61);--shadow6:var(--t624);--shadow7:var(--t57);--shadow8:var(--t625);--highlight1:var(--t626);--highlight2:var(--t65);--highlight3:var(--t627);--highlight4:var(--t66);--highlight5:var(--t50);--highlight6:var(--t628);--highlight7:var(--t629);--highlight8:var(--t69);--shadowColor:var(--t622);--gray1:var(--t630);--gray2:var(--t631);--gray3:var(--t632);--gray4:var(--t633);--gray5:var(--t634);--gray6:var(--t635);--gray7:var(--t636);--gray8:var(--t637);--gray9:var(--t638);--gray10:var(--t639);--gray11:var(--t640);--gray12:var(--t641);--blue1:var(--t642);--blue2:var(--t643);--blue3:var(--t644);--blue4:var(--t645);--blue5:var(--t646);--blue6:var(--t647);--blue7:var(--t648);--blue8:var(--t649);--blue9:var(--t90);--blue10:var(--t650);--blue11:var(--t651);--blue12:var(--t652);--red1:var(--t653);--red2:var(--t654);--red3:var(--t655);--red4:var(--t656);--red5:var(--t657);--red6:var(--t658);--red7:var(--t659);--red8:var(--t660);--red9:var(--t102);--red10:var(--t661);--red11:var(--t662);--red12:var(--t663);--yellow1:var(--t664);--yellow2:var(--t665);--yellow3:var(--t666);--yellow4:var(--t667);--yellow5:var(--t668);--yellow6:var(--t669);--yellow7:var(--t670);--yellow8:var(--t671);--yellow9:var(--t114);--yellow10:var(--t672);--yellow11:var(--t673);--yellow12:var(--t674);--green1:var(--t675);--green2:var(--t676);--green3:var(--t677);--green4:var(--t678);--green5:var(--t679);--green6:var(--t680);--green7:var(--t681);--green8:var(--t682);--green9:var(--t126);--green10:var(--t683);--green11:var(--t684);--green12:var(--t685);--orange1:var(--t686);--orange2:var(--t687);--orange3:var(--t688);--orange4:var(--t689);--orange5:var(--t690);--orange6:var(--t691);--orange7:var(--t692);--orange8:var(--t693);--orange9:var(--t138);--orange10:var(--t694);--orange11:var(--t695);--orange12:var(--t696);--pink1:var(--t697);--pink2:var(--t698);--pink3:var(--t699);--pink4:var(--t700);--pink5:var(--t701);--pink6:var(--t702);--pink7:var(--t703);--pink8:var(--t704);--pink9:var(--t150);--pink10:var(--t705);--pink11:var(--t706);--pink12:var(--t707);--purple1:var(--t708);--purple2:var(--t709);--purple3:var(--t710);--purple4:var(--t711);--purple5:var(--t712);--purple6:var(--t713);--purple7:var(--t714);--purple8:var(--t715);--purple9:var(--t162);--purple10:var(--t716);--purple11:var(--t717);--purple12:var(--t718);--teal1:var(--t719);--teal2:var(--t720);--teal3:var(--t721);--teal4:var(--t722);--teal5:var(--t723);--teal6:var(--t724);--teal7:var(--t725);--teal8:var(--t726);--teal9:var(--t174);--teal10:var(--t727);--teal11:var(--t728);--teal12:var(--t729);--neutral1:var(--t178);--neutral2:var(--t179);--neutral3:var(--t180);--neutral4:var(--t41);--neutral5:var(--t181);--neutral6:var(--t182);--neutral7:var(--t183);--neutral8:var(--t184);--neutral9:var(--t185);--neutral10:var(--t186);--neutral11:var(--t187);--neutral12:var(--t188);--accent1:var(--t7);--accent2:var(--t8);--accent3:var(--t9);--accent4:var(--t10);--accent5:var(--t0);--accent6:var(--t11);--accent7:var(--t12);--accent8:var(--t13);--accent9:var(--t14);--accent10:var(--t15);--accent11:var(--t16);--accent12:var(--t17);--color01:var(--t222);--color0075:var(--t223);--color005:var(--t224);--color0025:var(--t225);--color002:var(--t226);--color001:var(--t227);--background01:var(--t228);--background0075:var(--t229);--background005:var(--t230);--background0025:var(--t231);--background002:var(--t232);--background001:var(--t233);--outlineColor:var(--t234);}
|
|
1744
1744
|
@media(prefers-color-scheme:light){
|
|
1745
1745
|
body{background:var(--background);color:var(--color)}
|
|
1746
|
-
:root {--accentBackground:var(--t9);--accentColor:var(--t15);--background0:var(--t18);--background02:var(--t213);--background04:var(--t214);--background06:var(--t215);--background08:var(--t216);--color1:var(--t17);--color2:var(--t189);--color3:var(--t1);--color4:var(--t190);--color5:var(--t16);--color6:var(--t191);--color7:var(--t192);--color8:var(--t193);--color9:var(--t194);--color10:var(--t0);--color11:var(--t10);--color12:var(--t195);--color0:var(--t217);--color02:var(--t218);--color04:var(--t219);--color06:var(--t220);--color08:var(--t221);--color:var(--t195);--colorHover:var(--t195);--colorPress:var(--t195);--colorFocus:var(--t221);--
|
|
1746
|
+
:root {--accentBackground:var(--t9);--accentColor:var(--t15);--background0:var(--t18);--background02:var(--t213);--background04:var(--t214);--background06:var(--t215);--background08:var(--t216);--color1:var(--t17);--color2:var(--t189);--color3:var(--t1);--color4:var(--t190);--color5:var(--t16);--color6:var(--t191);--color7:var(--t192);--color8:var(--t193);--color9:var(--t194);--color10:var(--t0);--color11:var(--t10);--color12:var(--t195);--color0:var(--t217);--color02:var(--t218);--color04:var(--t219);--color06:var(--t220);--color08:var(--t221);--color:var(--t195);--colorHover:var(--t195);--colorPress:var(--t195);--colorFocus:var(--t221);--backgroundHover:var(--t17);--backgroundPress:var(--t1);--backgroundFocus:var(--t1);--backgroundActive:var(--t189);--borderColor:var(--t190);--borderColorHover:var(--t1);--borderColorFocus:var(--t190);--borderColorPress:var(--t16);--placeholderColor:var(--t194);--colorTransparent:var(--t217);--black1:var(--t23);--black2:var(--t24);--black3:var(--t25);--black4:var(--t26);--black5:var(--t27);--black6:var(--t28);--black7:var(--t29);--black8:var(--t30);--black9:var(--t31);--black10:var(--t32);--black11:var(--t33);--black12:var(--t34);--white1:var(--t35);--white2:var(--t36);--white3:var(--t37);--white4:var(--t38);--white5:var(--t39);--white6:var(--t40);--white7:var(--t41);--white8:var(--t42);--white9:var(--t43);--white10:var(--t44);--white11:var(--t45);--white12:var(--t46);--white0:var(--t48);--white02:var(--t49);--white04:var(--t50);--white06:var(--t51);--white08:var(--t52);--black0:var(--t54);--black02:var(--t55);--black04:var(--t56);--black06:var(--t57);--black08:var(--t58);--shadow1:var(--t620);--shadow2:var(--t621);--shadow3:var(--t622);--shadow4:var(--t623);--shadow5:var(--t61);--shadow6:var(--t624);--shadow7:var(--t57);--shadow8:var(--t625);--highlight1:var(--t626);--highlight2:var(--t65);--highlight3:var(--t627);--highlight4:var(--t66);--highlight5:var(--t50);--highlight6:var(--t628);--highlight7:var(--t629);--highlight8:var(--t69);--shadowColor:var(--t622);--gray1:var(--t630);--gray2:var(--t631);--gray3:var(--t632);--gray4:var(--t633);--gray5:var(--t634);--gray6:var(--t635);--gray7:var(--t636);--gray8:var(--t637);--gray9:var(--t638);--gray10:var(--t639);--gray11:var(--t640);--gray12:var(--t641);--blue1:var(--t642);--blue2:var(--t643);--blue3:var(--t644);--blue4:var(--t645);--blue5:var(--t646);--blue6:var(--t647);--blue7:var(--t648);--blue8:var(--t649);--blue9:var(--t90);--blue10:var(--t650);--blue11:var(--t651);--blue12:var(--t652);--red1:var(--t653);--red2:var(--t654);--red3:var(--t655);--red4:var(--t656);--red5:var(--t657);--red6:var(--t658);--red7:var(--t659);--red8:var(--t660);--red9:var(--t102);--red10:var(--t661);--red11:var(--t662);--red12:var(--t663);--yellow1:var(--t664);--yellow2:var(--t665);--yellow3:var(--t666);--yellow4:var(--t667);--yellow5:var(--t668);--yellow6:var(--t669);--yellow7:var(--t670);--yellow8:var(--t671);--yellow9:var(--t114);--yellow10:var(--t672);--yellow11:var(--t673);--yellow12:var(--t674);--green1:var(--t675);--green2:var(--t676);--green3:var(--t677);--green4:var(--t678);--green5:var(--t679);--green6:var(--t680);--green7:var(--t681);--green8:var(--t682);--green9:var(--t126);--green10:var(--t683);--green11:var(--t684);--green12:var(--t685);--orange1:var(--t686);--orange2:var(--t687);--orange3:var(--t688);--orange4:var(--t689);--orange5:var(--t690);--orange6:var(--t691);--orange7:var(--t692);--orange8:var(--t693);--orange9:var(--t138);--orange10:var(--t694);--orange11:var(--t695);--orange12:var(--t696);--pink1:var(--t697);--pink2:var(--t698);--pink3:var(--t699);--pink4:var(--t700);--pink5:var(--t701);--pink6:var(--t702);--pink7:var(--t703);--pink8:var(--t704);--pink9:var(--t150);--pink10:var(--t705);--pink11:var(--t706);--pink12:var(--t707);--purple1:var(--t708);--purple2:var(--t709);--purple3:var(--t710);--purple4:var(--t711);--purple5:var(--t712);--purple6:var(--t713);--purple7:var(--t714);--purple8:var(--t715);--purple9:var(--t162);--purple10:var(--t716);--purple11:var(--t717);--purple12:var(--t718);--teal1:var(--t719);--teal2:var(--t720);--teal3:var(--t721);--teal4:var(--t722);--teal5:var(--t723);--teal6:var(--t724);--teal7:var(--t725);--teal8:var(--t726);--teal9:var(--t174);--teal10:var(--t727);--teal11:var(--t728);--teal12:var(--t729);--neutral1:var(--t178);--neutral2:var(--t179);--neutral3:var(--t180);--neutral4:var(--t41);--neutral5:var(--t181);--neutral6:var(--t182);--neutral7:var(--t183);--neutral8:var(--t184);--neutral9:var(--t185);--neutral10:var(--t186);--neutral11:var(--t187);--neutral12:var(--t188);--accent1:var(--t7);--accent2:var(--t8);--accent3:var(--t9);--accent4:var(--t10);--accent5:var(--t0);--accent6:var(--t11);--accent7:var(--t12);--accent8:var(--t13);--accent9:var(--t14);--accent10:var(--t15);--accent11:var(--t16);--accent12:var(--t17);--color01:var(--t222);--color0075:var(--t223);--color005:var(--t224);--color0025:var(--t225);--color002:var(--t226);--color001:var(--t227);--background01:var(--t228);--background0075:var(--t229);--background005:var(--t230);--background0025:var(--t231);--background002:var(--t232);--background001:var(--t233);--outlineColor:var(--t234);}
|
|
1747
1747
|
}
|
|
1748
1748
|
.t_light ::selection{background:var(--color5);color:var(--color11)}
|
|
1749
1749
|
:root.t_dark .t_light .t_Button, :root.t_dark .t_light .t_SliderThumb, :root.t_dark .t_light .t_Switch, :root.t_dark .t_light .t_surface2, :root.t_dark .t_light .t_white_Button, :root.t_dark .t_light .t_white_SliderThumb, :root.t_dark .t_light .t_white_Switch, :root.t_dark .t_light .t_white_surface2, :root.t_light .t_Button, :root.t_light .t_SliderThumb, :root.t_light .t_Switch, :root.t_light .t_surface2, :root.t_light .t_white_Button, :root.t_light .t_white_SliderThumb, :root.t_light .t_white_Switch, :root.t_light .t_white_surface2, .tm_xxt {--color:var(--t10);--colorHover:var(--t10);--colorPress:var(--t10);--colorFocus:var(--t195);--background:var(--t190);--backgroundHover:var(--t1);--backgroundPress:var(--t16);--backgroundFocus:var(--t192);--backgroundActive:var(--t190);--borderColor:var(--t191);--borderColorHover:var(--t16);--borderColorFocus:var(--t191);--borderColorPress:var(--t192);--color01:var(--t222);--color0075:var(--t223);--color005:var(--t224);--color0025:var(--t225);--color002:var(--t226);--color001:var(--t227);--background01:var(--t228);--background0075:var(--t229);--background005:var(--t230);--background0025:var(--t231);--background002:var(--t232);--background001:var(--t233);--background02:var(--t213);--background04:var(--t214);--background06:var(--t215);--background08:var(--t216);--outlineColor:var(--t234);}
|
package/dist/theme.css
CHANGED
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
So EVERY token whose dark value is a --white-* rung must be restated below,
|
|
228
228
|
and check-tokens.mjs fails the build if one is missed — that class of bug is
|
|
229
229
|
silent (the border simply stops existing) and has shipped before. */
|
|
230
|
-
.light{
|
|
230
|
+
.light, :root.t_light{
|
|
231
231
|
color-scheme:light;
|
|
232
232
|
--background:#ffffff;
|
|
233
233
|
--foreground:#0a0a0a;
|
|
@@ -606,7 +606,7 @@
|
|
|
606
606
|
obvious spelling would invalidate the whole declaration and take the drop
|
|
607
607
|
shadow down with it. A zero-size transparent shadow composes to nothing and
|
|
608
608
|
costs nothing. */
|
|
609
|
-
.light{
|
|
609
|
+
.light, :root.t_light{
|
|
610
610
|
--shadow-floating:0 24px 60px -16px rgb(0 0 0 / .18);
|
|
611
611
|
--shadow-inset-hairline:inset 0 0 0 1px rgb(0 0 0 / .10);
|
|
612
612
|
--edge-highlight:inset 0 0 0 0 transparent;
|
|
@@ -893,7 +893,7 @@
|
|
|
893
893
|
stays INSIDE the layer — an unlayered rule here would outrank an app's own
|
|
894
894
|
utilities, which is the defect check 1c exists to catch. */
|
|
895
895
|
:where(html){scrollbar-color:var(--white-15) transparent;scrollbar-width:thin}
|
|
896
|
-
.light{scrollbar-color:rgb(0 0 0 / .18) transparent}
|
|
896
|
+
.light, :root.t_light{scrollbar-color:rgb(0 0 0 / .18) transparent}
|
|
897
897
|
:where(*)::-webkit-scrollbar{width:6px;height:6px}
|
|
898
898
|
:where(*)::-webkit-scrollbar-track{background:transparent}
|
|
899
899
|
:where(*)::-webkit-scrollbar-thumb{background:var(--white-15);border-radius:var(--radius-full)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.49",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
|
|
6
6
|
"exports": {
|