@astryxdesign/core 0.4.2-canary.791f395 → 0.4.2

package/dist/astryx.css

@@ -4,6 +4,7 @@
 @layer astryx-base {
   @property --x---_avatar-group-overlap { syntax: "*"; inherits: false;}
   @property --x---_codeblock-gutter-width { syntax: "*"; inherits: false;}
+  @property --x---_hover-delay { syntax: "*"; inherits: false;}
   @property --x---_tab-indicator-bottom { syntax: "*"; inherits: false;}
   @property --x---container-max-height { syntax: "*"; inherits: false;}
   @property --x---layout-content-width { syntax: "*"; inherits: false;}
@@ -91,19 +92,27 @@
   .xk0ittl{--_chat-composer-padding:var(--spacing-3)}
   .xx161y6{--_chat-composer-radius:var(--radius-chat)}
   .xtk08jq{--_codeblock-gutter-width:var(--x---_codeblock-gutter-width)}
+  .x9pmotm{--_conceal-opacity:0}
   .x1kgmhs9{--_conceal-opacity:1}
   .xvuvksw{--_dialog-radius:var(--radius-container)}
   .xgory14{--_dropdown-menu-padding:var(--spacing-1)}
   .x1fcsqxe{--_dropdown-menu-radius:var(--radius-container)}
+  .x13l1x9d{--_fade-delay:0s}
   .x1832zxr{--_field-radius:var(--radius-element)}
   .xgzxwq1{--_focus-outline-offset:0}
   .x17wzz1v{--_focus-outline:none}
+  .xhg274n{--_hover-delay:0s}
+  .x8xu23y{--_hover-delay:var(--x---_hover-delay)}
   .xqwz7mz{--_hovercard-radius:var(--radius-container)}
   .xqlix59{--_item-description-color:var(--color-error)}
   .xufyqxy{--_item-label-color:var(--color-error)}
+  .xdjmrzf{--_reveal-delay-reduced:0s,0s}
+  .x1dejzja{--_reveal-delay:0s,0s}
   .x1xiarpw{--_reveal-delay:0s,var(--duration-fast)}
   .xct0gwe{--_reveal-opacity:0}
+  .x5setjs{--_reveal-opacity:1}
   .xp0pj8v{--_reveal-position:absolute}
+  .x1r6s5ct{--_reveal-position:static}
   .x18jk3ff{--_segmented-control-padding:var(--spacing-0-5)}
   .x9icjy1{--_segmented-control-radius:var(--radius-element)}
   .xficto1{--_tab-indicator-bottom:calc(-1 * (var(--spacing-1) + var(--border-width)))}
@@ -289,8 +298,10 @@
   .xkce8z9{--separator-display:flex}
   .xpa4xmd{--tree-list-indent:var(--spacing-4)}
   .x1xbi2jf{--tree-list-row-gap:var(--spacing-0-5)}
+  .x1wfyzv7:focus-within{--_fade-delay:0s}
   .xqchwus:focus-visible{--_focus-outline-offset:var(--focus-outline-offset)}
   .xqih627:focus-visible{--_focus-outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color)}
+  .x1z42dm:focus-within{--_reveal-delay-reduced:0s,0s}
   .x1mjsb9v:focus-within{--_reveal-delay:0s,0s}
   .xi33vf3:focus-within{--_reveal-opacity:1}
   .xoa21yc:focus-within{--_reveal-position:static}
@@ -298,13 +309,24 @@
   .x1ibt0lz:first-child{--separator-display:none}
   .x1rht92:nth-child(even){--table-row-overlay:var(--color-background-muted)}
   .x1m3wso9:hover{--indicator-color:var(--color-accent)}
+  @media (any-pointer: coarse){.x1hl81f0.x1hl81f0{--_fade-delay:0s}}
+  @media (any-pointer: coarse){.xm1aeao.xm1aeao{--_reveal-delay-reduced:0s,0s}}
   @media (any-pointer: coarse){.x1pn63d7.x1pn63d7{--_reveal-delay:0s,0s}}
   @media (any-pointer: coarse){.xi7d7de.xi7d7de{--_reveal-opacity:1}}
   @media (any-pointer: coarse){.xarvkxi.xarvkxi{--_reveal-position:static}}
   @media (pointer: coarse){.x1h9khjt.x1h9khjt{--_thumbnail-hit-inset:-2px}}
   @media (hover: hover){.xb9fdgj.xb9fdgj:hover{--_conceal-opacity:0}}
+  @media (hover: hover){.xflzsy.xflzsy:hover{--_conceal-opacity:1}}
+  @media (hover: hover){.x3tau1w.x3tau1w:hover{--_fade-delay:0s}}
+  @media (hover: hover){.x1ho7nxo.x1ho7nxo:hover{--_fade-delay:var(--_hover-delay,0s)}}
+  @media (hover: hover){.xfu6dsl.xfu6dsl:hover{--_reveal-delay-reduced:0s,0s}}
+  @media (hover: hover){.x1g1w2pt.x1g1w2pt:hover{--_reveal-delay-reduced:var(--_hover-delay,0s),var(--_hover-delay,0s)}}
   @media (hover: hover){.xp1dr9k.xp1dr9k:hover{--_reveal-delay:0s,0s}}
+  @media (hover: hover){.x619wqp.x619wqp:hover{--_reveal-delay:0s,var(--duration-fast)}}
+  @media (hover: hover){.x1qamfbu.x1qamfbu:hover{--_reveal-delay:var(--_hover-delay,0s),var(--_hover-delay,0s)}}
+  @media (hover: hover){.xichi0p.xichi0p:hover{--_reveal-opacity:0}}
   @media (hover: hover){.x1wblmmc.x1wblmmc:hover{--_reveal-opacity:1}}
+  @media (hover: hover){.x1sacq21.x1sacq21:hover{--_reveal-position:absolute}}
   @media (hover: hover){.x106rhu.x106rhu:hover{--_reveal-position:static}}
   @media (hover: hover){.x1pkcbo2.x1pkcbo2:hover{--table-row-overlay:var(--color-overlay-hover)}}
   .xln7xf2:not(#\#){font:inherit}
@@ -999,6 +1021,7 @@
   .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
   .xixxii4:not(#\#):not(#\#):not(#\#){position:fixed}
   .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
+  .x1uhb9sk:not(#\#):not(#\#):not(#\#){position:static}
   .x7wzq59:not(#\#):not(#\#):not(#\#){position:sticky}
   .x1mf7ja4:not(#\#):not(#\#):not(#\#){position:var(--_reveal-position,static)}
   .xtt52l0:not(#\#):not(#\#):not(#\#){resize:none}
@@ -1070,6 +1093,7 @@
   .xd00j3c:not(#\#):not(#\#):not(#\#){transition-behavior:allow-discrete}
   .x5h36tt:not(#\#):not(#\#):not(#\#){transition-delay:.15s}
   .x1ahifba:not(#\#):not(#\#):not(#\#){transition-delay:0s}
+  .x4avkj2:not(#\#):not(#\#):not(#\#){transition-delay:var(--_fade-delay,0s)}
   .x1rq8cwj:not(#\#):not(#\#):not(#\#){transition-delay:var(--_reveal-delay,0s,0s)}
   .x10b1n17:not(#\#):not(#\#):not(#\#){transition-delay:var(--duration-fast)}
   .x11bq7d0:not(#\#):not(#\#):not(#\#){transition-duration:.06s}
@@ -1159,6 +1183,7 @@
   .x10wafsz:focus-within:not(#\#):not(#\#):not(#\#){clip-path:none}
   .x1y40yee:popover-open:not(#\#):not(#\#):not(#\#){display:flex}
   .x1sik18w:not(:first-child):not(#\#):not(#\#):not(#\#){margin-inline-start:var(--_avatar-group-overlap)}
+  .x1euntei:focus-within:not(#\#):not(#\#):not(#\#){opacity:1}
   .x25t5g8:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}
   .xof6bs:is(th:hover *):not(#\#):not(#\#):not(#\#){opacity:1}
   .xofkqq2:popover-open:not(#\#):not(#\#):not(#\#){opacity:1}
@@ -1171,6 +1196,7 @@
   .x1jhp3zv:focus-visible:not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
   .x1vidyx5:focus-visible:not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
   .xbt4iw:focus-within:not(#\#):not(#\#):not(#\#){pointer-events:auto}
+  .xo74pv5:focus-within:not(#\#):not(#\#):not(#\#){position:static}
   .x1mqgsch:is([data-astryx-scrolling]):not(#\#):not(#\#):not(#\#){scrollbar-width:none}
   .xaafvuh:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(0deg)}
   .x1nxqau:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(90deg)}
@@ -1246,7 +1272,7 @@
   @media (pointer: coarse){.xozvky.xozvky:not(#\#):not(#\#):not(#\#){order:1}}
   @media (prefers-reduced-motion: reduce){.xg83hb1.xg83hb1:not(#\#):not(#\#):not(#\#){scroll-behavior:auto}}
   @media (pointer: coarse){.x8i4i9p.x8i4i9p:not(#\#):not(#\#):not(#\#){transform:translate(-50%,-50%)}}
-  @media (prefers-reduced-motion: reduce){.x1k6wr6r.x1k6wr6r:not(#\#):not(#\#):not(#\#){transition-delay:0s,0s}}
+  @media (prefers-reduced-motion: reduce){.xwgk2z2.xwgk2z2:not(#\#):not(#\#):not(#\#){transition-delay:var(--_reveal-delay-reduced,0s,0s)}}
   @media (prefers-reduced-motion: reduce){.xsagj69.xsagj69:not(#\#):not(#\#):not(#\#){transition-duration:.01ms}}
   @media (prefers-reduced-motion: reduce){.xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#){transition-duration:.01s}}
   @media (prefers-reduced-motion: reduce){.xsr0bmt.xsr0bmt:not(#\#):not(#\#):not(#\#){transition-duration:0s,0s}}