feature: UIKit - logo: replaced ratio property #1111

Author: Maximilian

packages/uikit-workshop/src/scripts/lit-components/pl-header/pl-header.js

@@ -116,7 +116,8 @@ class Header extends BaseLitComponent {
                   : window.config?.theme?.logo?.url || '/'}"
                 alt-text="${window.config?.theme?.logo?.altText || ''}"
                 theme="${this.themeMode}"
-                ratio="${window.config?.theme?.logo?.ratio || ''}"
+                width="${window.config?.theme?.logo?.width || ''}"
+                height="${window.config?.theme?.logo?.height || ''}"
                 text="${window.config?.theme?.logo?.text === '' ||
                 window.config?.theme?.logo?.text === false ||
                 window.config?.theme?.logo?.text === 'none'

packages/uikit-workshop/src/scripts/lit-components/pl-logo/pl-logo.js

@@ -20,7 +20,8 @@ class Logo extends BaseLitComponent {
 
   static get properties() {
     return {
-      ratio: String,
+      width: String,
+      height: String,
       theme: String,
       url: String,
       text: String,
@@ -48,6 +49,8 @@ class Logo extends BaseLitComponent {
           alt=${this.altText || 'Pattern Lab Logo'}
           src=${imageSrc}
           class="pl-c-logo__img"
+          width="${this.width}"
+          height="${this.height}"
         />
         ${this.text && this.text !== ''
           ? html`