twico-ui 1.37.0 → 1.37.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to Twico UI are documented here (newest first). This file is generated automatically on each release by [semantic-release](https://semantic-release.gitbook.io/) from [Conventional Commits](https://www.conventionalcommits.org/) — do not edit it by hand. The same notes appear on each [GitHub Release](https://github.com/EncryptionL/twico-ui/releases).
 
+## [1.37.1](https://github.com/EncryptionL/twico-ui/compare/v1.37.0...v1.37.1) (2026-09-14)
+
+
+### Bug Fixes
+
+* **image:** let explicit width/height win over fit's container fill ([#378](https://github.com/EncryptionL/twico-ui/issues/378)) ([770823d](https://github.com/EncryptionL/twico-ui/commit/770823ddced42288e623bb00e8f92886bd01d373))
+
 # [1.37.0](https://github.com/EncryptionL/twico-ui/compare/v1.36.1...v1.37.0) (2026-09-11)
 
 

package/dist/index.cjs

@@ -325,6 +325,8 @@ var Image = React51__namespace.default.forwardRef(function Image2({
   className = "",
   style,
   onError,
+  width,
+  height,
   ...rest
 }, ref) {
   const __twcStyles = useScopedStyles("twc-image-styles", IMAGE_CSS);
@@ -334,6 +336,14 @@ var Image = React51__namespace.default.forwardRef(function Image2({
     objectFit: fit,
     borderRadius: radius ? `var(--radius-${radius})` : void 0,
     aspectRatio,
+    // #378: only when `fit` is set, also emit explicit width/height as inline style — that's the sole case
+    // where the `[data-fit] { width/height: 100% }` rule overrides the width/height ATTRIBUTES (a
+    // presentational attr loses to a real CSS rule), silently sizing `<Image width height fit>` to the
+    // container/intrinsic size. Inline style beats that rule so the props mean what they say (object-fit
+    // still crops within the box), placed before `...style` so a caller's own `style` still wins. Gated on
+    // `fit` so the no-fit path stays attribute-only — a consumer's own CSS/className can still override it.
+    ...fit && width != null ? { width } : null,
+    ...fit && height != null ? { height } : null,
     ...style
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -347,6 +357,8 @@ var Image = React51__namespace.default.forwardRef(function Image2({
         loading,
         className: `twc-image ${className}`.trim(),
         "data-fit": fit || void 0,
+        width,
+        height,
         style: s,
         onError: (e) => {
           onError?.(e);