@veracity/vui 2.22.0 → 2.22.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.22.0",
+  "version": "2.22.1",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/logo/Logo.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import Box from '../box'
 import { cdnUrl, vui } from '../core'
 import Svg, { SvgProps } from '../svg'
@@ -8,14 +6,20 @@ import { LogoProps } from './logo.types'
 
 const veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`
 const dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`
+const veracityLogoWidth = 115
+const dnvLogoWidth = 93.66
 
 /** Brand logo. */
 export const Logo = vui<'div', LogoProps>((props, ref) => {
-  const { brand, children, className, src, styles, url, ...rest } = props
+  const { brand, children, className, src, styles, url, w, ...rest } = props
 
   let svgSrc = src
+  let width = w
 
-  if (!svgSrc) svgSrc = brand === 'dnv' ? dnvLogo : veracityLogo
+  if (!svgSrc) {
+    svgSrc = brand === 'dnv' ? dnvLogo : veracityLogo
+    width = brand === 'dnv' ? dnvLogoWidth : veracityLogoWidth
+  }
 
   const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}
 
@@ -27,6 +31,7 @@ export const Logo = vui<'div', LogoProps>((props, ref) => {
       h={40}
       mr={2}
       ref={ref}
+      w={width}
       {...styles?.container}
       {...linkProps}
       {...rest}