@websolutespa/bom-mixer-ui 1.8.12 → 1.8.13

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.8.13
+
+### Patch Changes
+
+- Modified: Text added letter-spacing, MediaImage
+- Updated dependencies
+- Updated dependencies
+  - @websolutespa/bom-mixer-models@1.8.8
+  - @websolutespa/bom-core@1.8.10
+
 ## 1.8.12
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -4745,6 +4745,7 @@ const StyledText$1 = styled__default.default.div`
     ${font.size ? styled.css`font-size: var(--font-${variant}-size, 1rem);` : ''}
     ${font.lineHeight ? styled.css`line-height: var(--font-${variant}-line-height, 1);` : ''}
     ${font.fontWeight ? styled.css`font-weight: var(--font-${variant}-font-weight, inherit);` : ''}
+    ${font.letterSpacing ? styled.css`letter-spacing: var(--font-${variant}-letter-spacing, inherit);` : ''}
   `)};
   ${props => props.gradient ? styled.css`
     display: -webkit-inline-box;
@@ -5185,7 +5186,7 @@ function getImageProps(_a, mediaQuery) {
       src
     } = _a,
     props = __rest(_a, ["src"]);
-  if (IMAGE_STRATEGY === bomCore.ImageStrategy.None || !src || isSVG(src)) {
+  if (IMAGE_STRATEGY === bomCore.ImageStrategy.None || !isValidSrc(src)) {
     return Object.assign({
       src
     }, props);
@@ -5278,7 +5279,7 @@ function getImageSrc(src, width, ratio, focalX, focalY, quality) {
   if (quality === void 0) {
     quality = IMAGE_QUALITY;
   }
-  if (isSVG(src)) {
+  if (!isValidSrc(src)) {
     return src;
   }
   switch (IMAGE_STRATEGY) {
@@ -5329,7 +5330,7 @@ function getImageSrcset(src, sizes, focalX, focalY, quality) {
   if (quality === void 0) {
     quality = IMAGE_QUALITY;
   }
-  if (isSVG(src)) {
+  if (!isValidSrc(src)) {
     return undefined;
   }
   return sizes.length > 1 ? sizes.map(size => getImageSrc(src, size[0], size[2], focalX, focalY, quality) + ` ${size[0]}w`).join(', ') : undefined;
@@ -5337,6 +5338,22 @@ function getImageSrcset(src, sizes, focalX, focalY, quality) {
 function getImageSizes(sizes) {
   return sizes.length > 1 ? sizes.map((size, i) => `${i < sizes.length - 1 ? `(max-width: ${sizes[i + 1][1] - 1}px) ` : ''}${size[0]}px`).join(', ') : undefined;
 }
+function isValidSrc(src) {
+  // undefined
+  if (!src) {
+    return false;
+  }
+  // svg
+  if (isSVG(src)) {
+    return false;
+  }
+  // data image
+  if (src.indexOf('data:') === 0) {
+    return false;
+  }
+  // valid
+  return true;
+}
 function isSVG(src) {
   return src.indexOf('.svg') !== -1;
 }