@contentful/experiences-components-react 3.0.0-alpha-20250711T0717-d5ee667.0 → 3.0.0-alpha-20250804T0859-6413b63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -471,13 +471,13 @@ const TextComponentDefinition = {
471
471
  },
472
472
  };
473
473
 
474
- var css_248z$3 = "div.cf-placeholder-wrapper{position:relative}img.cf-placeholder-image{background-color:var(--cf-color-gray100);height:100%;outline:2px solid rgba(var(--cf-color-gray400-rgb),.5);outline-offset:-2px;width:100%}svg.cf-placeholder-icon{height:var(--cf-text-3xl);left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--cf-text-3xl)}svg.cf-placeholder-icon path{fill:var(--cf-color-gray400)}";
474
+ var css_248z$3 = "div.cf-placeholder-wrapper{outline:2px solid rgba(var(--cf-color-gray400-rgb),.5);outline-offset:-2px;overflow:hidden;position:relative}img.cf-placeholder-image{background-color:var(--cf-color-gray100);height:100%;width:100%}svg.cf-placeholder-icon{height:var(--cf-text-3xl);left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--cf-text-3xl)}svg.cf-placeholder-icon path{fill:var(--cf-color-gray400)}";
475
475
  styleInject(css_248z$3);
476
476
 
477
477
  const Image = ({ className = '', src, cfImageAsset, ...props }) => {
478
478
  if (!cfImageAsset && !src) {
479
479
  return (React.createElement("div", { className: combineClasses('cf-placeholder-wrapper', className) },
480
- React.createElement("img", { className: 'cf-placeholder-image', src: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAA", ...props }),
480
+ React.createElement("img", { className: "cf-placeholder-image", src: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxJyBoZWlnaHQ9JzEnLz4=", ...props }),
481
481
  React.createElement("svg", { className: "cf-placeholder-icon", fill: "none", viewBox: "0 0 17 16", xmlns: "http://www.w3.org/2000/svg" },
482
482
  React.createElement("path", { fill: "#fff", d: "M13.5 2h-10a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1m-10 1h10v4.836l-1.543-1.543a1 1 0 0 0-1.414 0L3.836 13H3.5zm10 10H5.25l6-6 2.25 2.25zm-7-5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0-2a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1" }))));
483
483
  }