@icen.ai/ui 0.10.0 → 0.11.0

package/dist/tokens/pixel.css

@@ -43,6 +43,9 @@
   --icen-ring: 0 0 0 2px var(--icen-token-surface), 0 0 0 4px var(--icen-token-accent);
   --icen-ring-soft: 0 0 0 2px var(--icen-token-accent);
   --icen-control-focus-shadow: 0 0 0 2px var(--icen-token-accent);
+  /* shadow-inset 被本原语置 none，base.css 合成的 error 版会变成非法的「none, …」
+     列表 → 整条 box-shadow 失效：像素原语自持一份硬边错误光环 */
+  --icen-control-error-shadow: 0 0 0 2px var(--icen-token-error);
   --icen-ease-out: steps(1, end);
   --icen-ease-bounce: steps(1, end);
 }

package/dist/tokens/scrollbars.css

@@ -0,0 +1,40 @@
+@layer icen.tokens {
+/* Policy slots inherit across a component subtree; activity never inherits.
+   Without the optional behavior, auto/scroll retain a visible fallback. */
+:where([data-icen-scrollbars-ready]) {
+  --icen-scrollbar-auto-idle: 0%;
+  --icen-scrollbar-idle: var(--icen-scrollbar-auto-idle);
+  --icen-scrollbar-hover: var(--icen-scrollbar-auto-idle);
+}
+:where([data-icen-scrollbars='auto'], [data-icen-scrollbars='scroll']) {
+  --icen-scrollbar-idle: var(--icen-scrollbar-auto-idle, 100%);
+  --icen-scrollbar-hover: 100%;
+  --icen-scrollbar-active: 100%;
+  --icen-scrollbar-width: thin;
+  --icen-scrollbar-webkit-width: auto;
+  --icen-scrollbar-display: block;
+}
+:where([data-icen-scrollbars='scroll']) {
+  --icen-scrollbar-hover: var(--icen-scrollbar-auto-idle, 100%);
+}
+:where([data-icen-scrollbars='visible']) {
+  --icen-scrollbar-idle: 100%;
+  --icen-scrollbar-hover: 100%;
+  --icen-scrollbar-active: 100%;
+  --icen-scrollbar-width: thin;
+  --icen-scrollbar-webkit-width: auto;
+  --icen-scrollbar-display: block;
+}
+:where([data-icen-scrollbars='hidden']) {
+  --icen-scrollbar-idle: 0%;
+  --icen-scrollbar-hover: 0%;
+  --icen-scrollbar-active: 0%;
+  --icen-scrollbar-width: none;
+  --icen-scrollbar-webkit-width: none;
+  --icen-scrollbar-display: none;
+}
+:where([data-icen-scrollbar-gutter='stable']) { --icen-token-scrollbar-gutter: stable; }
+:where([data-icen-scrollbar-gutter='both-edges']) { --icen-token-scrollbar-gutter: stable both-edges; }
+:where([data-icen-scrollbar-gutter='auto']) { --icen-token-scrollbar-gutter: auto; }
+
+}