@antadesign/anta 0.1.1-dev.8 → 0.2.1

package/dist/elements/a-icon.css

@@ -1,43 +1 @@
-@layer anta {
-  a-icon {
-    /* Default lives in a plain declaration — never in `attr()`. Safari
-       doesn't support typed `attr()` for `<length>` (MDN: "No" across
-       all Safari versions), so an `attr(size px, …)` value can't
-       resolve there and the var-substituted `width` ends up invalid →
-       auto → 0 on an empty inline-block. Keeping the default off the
-       attr() path means every browser lands on 16px when no `size`
-       attribute is set. */
-    --icon-size: 16px;
-
-    display: inline-block;
-    vertical-align: middle;
-    width: var(--icon-size);
-    height: var(--icon-size);
-    flex-shrink: 0;
-    background-color: currentColor;
-    -webkit-mask-image: var(--icon);
-    mask-image: var(--icon);
-    -webkit-mask-position: center;
-    mask-position: center;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-    -webkit-mask-size: contain;
-    mask-size: contain;
-  }
-
-  /* `<a-icon size="N">` only — typed `attr()` (CSS Values 5, Chrome
-     133+). Safari/Firefox don't support the typed form, but a custom
-     property parses permissively, so without the `@supports` guard the
-     invalid `attr()` would still land on `--icon-size` and only fail
-     later when `width: var(--icon-size)` substitutes it — collapsing the
-     icon to `auto` → 0×0. The guard keeps the override off unsupported
-     engines so the plain `--icon-size: 16px` base wins (visible 16px
-     icon, not 0). Consumers that need an exact custom size everywhere
-     should route through the `<Icon size={N}>` JSX wrapper, which sets
-     `--icon-size` inline as a plain length. */
-  @supports (width: attr(size px, 16px)) {
-    a-icon[size] {
-      --icon-size: attr(size px, 16px);
-    }
-  }
-}
+@layer anta{a-icon{--icon-size: 16px;display:inline-block;vertical-align:middle;width:var(--icon-size);height:var(--icon-size);flex-shrink:0;background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}@supports (width: attr(size px,16px)){a-icon[size]{--icon-size: attr(size px, 16px)}}}