@loomhq/lens 10.40.1 → 10.41.0

package/dist/components/button/button.js

@@ -142,7 +142,8 @@ const IconSection = styled.span `
 const LogoImage = styled.img `
   max-width: 1.45em;
   max-height: 1.45em;
-  height: auto;
+  height: ${props => sizesStyles[props.size].height};
+  width: ${props => sizesStyles[props.size].height};
   ${props => props.hasSpacing && `margin-right: 0.57em`};
   ${hasLoaderStyles};
 `;
@@ -157,12 +158,18 @@ const ChildrenSection = styled.span `
 const Button = (_a) => {
     var { size = 'medium', children, variant = 'neutral', hasFullWidth, icon, iconPosition = 'left', logoSrc, hasLoader, isDisabled, htmlTag = 'button' } = _a, props = __rest(_a, ["size", "children", "variant", "hasFullWidth", "icon", "iconPosition", "logoSrc", "hasLoader", "isDisabled", "htmlTag"]);
     const buttonIcon = (React.createElement(IconSection, { hasLoader: hasLoader, paddingLeft: children && iconPosition === 'right' && iconGap, paddingRight: children && iconPosition === 'left' && iconGap },
-        React.createElement(Icon, { icon: icon, color: "currentColor", size: sizesStyles[size].iconSize, hasWidthOffset: true })));
+        React.createElement(Icon, { icon: icon, color: "currentColor", hasWidthOffset: true, size: sizesStyles[size].iconSize })));
     return (React.createElement(ButtonWrapper, Object.assign({ size: size, variant: variant, hasFullWidth: hasFullWidth, icon: icon, iconPosition: iconPosition, logoSrc: logoSrc, disabled: isDisabled, as: htmlTag, hasChildren: children }, props),
         hasLoader && (React.createElement(LoaderSection, null,
             React.createElement(Loader, { color: "currentColor" }))),
         icon && iconPosition === 'left' && buttonIcon,
-        logoSrc && (React.createElement(LogoImage, { hasSpacing: children, src: logoSrc, size: size, hasLoader: hasLoader })),
+        logoSrc && (React.createElement(LogoImage
+        // Assumes image is only referencing information written within the button.
+        , { 
+            // Assumes image is only referencing information written within the button.
+            alt: "", hasSpacing: children, src: logoSrc, size: size, 
+            // Assumes all images are 1:1 aspectRatio
+            height: sizesStyles[size].height, width: sizesStyles[size].height, hasLoader: hasLoader })),
         React.createElement(ChildrenSection, { hasLoader: hasLoader }, children),
         icon && iconPosition === 'right' && buttonIcon));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.40.1",
+  "version": "10.41.0",
   "scripts": {
     "dev": "next",
     "build:next": "next build",