@contentful/experiences-core 0.0.1-alpha.5 → 0.0.1-alpha.6

package/dist/constants.d.ts

@@ -96,9 +96,11 @@ declare const ASSEMBLY_NODE_TYPES: string[];
 declare const LATEST_SCHEMA_VERSION = "2023-09-28";
 declare const CF_STYLE_ATTRIBUTES: string[];
 declare const EMPTY_CONTAINER_HEIGHT = "80px";
+declare const DEFAULT_IMAGE_WIDTH = "500px";
 declare enum PostMessageMethods {
     REQUEST_ENTITIES = "REQUEST_ENTITIES",
     REQUESTED_ENTITIES = "REQUESTED_ENTITIES"
 }
+declare const SUPPORTED_IMAGE_FORMATS: readonly ["jpg", "png", "webp", "gif", "avif"];
 
-export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS };
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS };

package/dist/constants.js

@@ -103,13 +103,14 @@ const CF_STYLE_ATTRIBUTES = [
     'cfWidth',
     'cfMaxWidth',
     'cfHeight',
+    'cfImageAsset',
+    'cfImageOptions',
+    'cfBackgroundImageUrl',
+    'cfBackgroundImageOptions',
     'cfFlexDirection',
     'cfFlexWrap',
     'cfBorder',
     'cfGap',
-    'cfBackgroundImageUrl',
-    'cfBackgroundImageScaling',
-    'cfBackgroundImageAlignment',
     'cfFontSize',
     'cfFontWeight',
     'cfLineHeight',
@@ -124,15 +125,19 @@ const CF_STYLE_ATTRIBUTES = [
     // we need to keep those in this constant array
     // so that omit() in <VisualEditorBlock> and <CompositionBlock>
     // can filter them out and not pass as props
+    'cfBackgroundImageScaling',
+    'cfBackgroundImageAlignment',
     'cfBackgroundImageAlignmentVertical',
     'cfBackgroundImageAlignmentHorizontal',
 ];
 const EMPTY_CONTAINER_HEIGHT = '80px';
+const DEFAULT_IMAGE_WIDTH = '500px';
 var PostMessageMethods;
 (function (PostMessageMethods) {
     PostMessageMethods["REQUEST_ENTITIES"] = "REQUEST_ENTITIES";
     PostMessageMethods["REQUESTED_ENTITIES"] = "REQUESTED_ENTITIES";
 })(PostMessageMethods || (PostMessageMethods = {}));
+const SUPPORTED_IMAGE_FORMATS = ['jpg', 'png', 'webp', 'gif', 'avif'];
 
-export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS };
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS };
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export const SCROLL_STATES = {\n  Start: 'scrollStart',\n  IsScrolling: 'isScrolling',\n  End: 'scrollEnd',\n};\n\nexport const OUTGOING_EVENTS = {\n  Connected: 'connected',\n  DesignTokens: 'registerDesignTokens',\n  HoveredSection: 'hoveredSection',\n  MouseMove: 'mouseMove',\n  NewHoveredElement: 'newHoveredElement',\n  ComponentSelected: 'componentSelected',\n  RegisteredComponents: 'registeredComponents',\n  RequestComponentTreeUpdate: 'requestComponentTreeUpdate',\n  ComponentDragCanceled: 'componentDragCanceled',\n  ComponentDropped: 'componentDropped',\n  ComponentMoved: 'componentMoved',\n  CanvasReload: 'canvasReload',\n  UpdateSelectedComponentCoordinates: 'updateSelectedComponentCoordinates',\n  UpdateHoveredComponentCoordinates: 'updateHoveredComponentCoordinates',\n  CanvasScroll: 'canvasScrolling',\n  CanvasError: 'canvasError',\n  ComponentMoveStarted: 'componentMoveStarted',\n  ComponentMoveEnded: 'componentMoveEnded',\n  OutsideCanvasClick: 'outsideCanvasClick',\n};\n\nexport const INCOMING_EVENTS = {\n  RequestEditorMode: 'requestEditorMode',\n  ExperienceUpdated: 'componentTreeUpdated',\n  ComponentDraggingChanged: 'componentDraggingChanged',\n  ComponentDragCanceled: 'componentDragCanceled',\n  ComponentDragStarted: 'componentDragStarted',\n  ComponentDragEnded: 'componentDragEnded',\n  ComponentMoveEnded: 'componentMoveEnded',\n  CanvasResized: 'canvasResized',\n  SelectComponent: 'selectComponent',\n  HoverComponent: 'hoverComponent',\n  UpdatedEntity: 'updatedEntity',\n  AssembliesAdded: 'assembliesAdded',\n  AssembliesRegistered: 'assembliesRegistered',\n  InitEditor: 'initEditor',\n  MouseMove: 'mouseMove',\n};\n\nexport const INTERNAL_EVENTS = {\n  ComponentsRegistered: 'cfComponentsRegistered',\n  VisualEditorInitialize: 'cfVisualEditorInitialize',\n};\n\nexport const VISUAL_EDITOR_EVENTS = {\n  Ready: 'cfVisualEditorReady',\n};\n\nexport const VISUAL_EDITOR_CONTAINER_ID = 'cf-visual-editor';\nexport const CONTENTFUL_COMPONENT_CATEGORY = 'contentful-component';\nexport const CONTENTFUL_DEFAULT_CATEGORY = 'Contentful';\n\nexport const CONTENTFUL_COMPONENTS = {\n  section: {\n    id: 'contentful-section',\n    name: 'Section',\n  },\n  container: {\n    id: 'contentful-container',\n    name: 'Container',\n  },\n  columns: {\n    id: 'contentful-columns',\n    name: 'Columns',\n  },\n  singleColumn: {\n    id: 'contentful-single-column',\n    name: 'Column',\n  },\n  button: {\n    id: 'button',\n    name: 'Button',\n  },\n  heading: {\n    id: 'heading',\n    name: 'Heading',\n  },\n  image: {\n    id: 'image',\n    name: 'Image',\n  },\n  richText: {\n    id: 'richText',\n    name: 'Rich Text',\n  },\n  text: {\n    id: 'text',\n    name: 'Text',\n  },\n};\n\nexport const ASSEMBLY_NODE_TYPE = 'assembly';\nexport const ASSEMBLY_DEFAULT_CATEGORY = 'Assemblies';\nexport const ASSEMBLY_BLOCK_NODE_TYPE = 'assemblyBlock';\nexport const ASSEMBLY_NODE_TYPES = [ASSEMBLY_NODE_TYPE, ASSEMBLY_BLOCK_NODE_TYPE];\nexport const LATEST_SCHEMA_VERSION = '2023-09-28';\nexport const CF_STYLE_ATTRIBUTES = [\n  'cfHorizontalAlignment',\n  'cfVerticalAlignment',\n  'cfMargin',\n  'cfPadding',\n  'cfBackgroundColor',\n  'cfWidth',\n  'cfMaxWidth',\n  'cfHeight',\n  'cfFlexDirection',\n  'cfFlexWrap',\n  'cfBorder',\n  'cfGap',\n  'cfBackgroundImageUrl',\n  'cfBackgroundImageScaling',\n  'cfBackgroundImageAlignment',\n  'cfFontSize',\n  'cfFontWeight',\n  'cfLineHeight',\n  'cfLetterSpacing',\n  'cfTextColor',\n  'cfTextAlign',\n  'cfTextTransform',\n  'cfTextBold',\n  'cfTextItalic',\n  'cfTextUnderline',\n  // For backwards compatibility\n  // we need to keep those in this constant array\n  // so that omit() in <VisualEditorBlock> and <CompositionBlock>\n  // can filter them out and not pass as props\n  'cfBackgroundImageAlignmentVertical',\n  'cfBackgroundImageAlignmentHorizontal',\n];\n\nexport const EMPTY_CONTAINER_HEIGHT = '80px';\n\nexport enum PostMessageMethods {\n  REQUEST_ENTITIES = 'REQUEST_ENTITIES',\n  REQUESTED_ENTITIES = 'REQUESTED_ENTITIES',\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export const SCROLL_STATES = {\n  Start: 'scrollStart',\n  IsScrolling: 'isScrolling',\n  End: 'scrollEnd',\n};\n\nexport const OUTGOING_EVENTS = {\n  Connected: 'connected',\n  DesignTokens: 'registerDesignTokens',\n  HoveredSection: 'hoveredSection',\n  MouseMove: 'mouseMove',\n  NewHoveredElement: 'newHoveredElement',\n  ComponentSelected: 'componentSelected',\n  RegisteredComponents: 'registeredComponents',\n  RequestComponentTreeUpdate: 'requestComponentTreeUpdate',\n  ComponentDragCanceled: 'componentDragCanceled',\n  ComponentDropped: 'componentDropped',\n  ComponentMoved: 'componentMoved',\n  CanvasReload: 'canvasReload',\n  UpdateSelectedComponentCoordinates: 'updateSelectedComponentCoordinates',\n  UpdateHoveredComponentCoordinates: 'updateHoveredComponentCoordinates',\n  CanvasScroll: 'canvasScrolling',\n  CanvasError: 'canvasError',\n  ComponentMoveStarted: 'componentMoveStarted',\n  ComponentMoveEnded: 'componentMoveEnded',\n  OutsideCanvasClick: 'outsideCanvasClick',\n};\n\nexport const INCOMING_EVENTS = {\n  RequestEditorMode: 'requestEditorMode',\n  ExperienceUpdated: 'componentTreeUpdated',\n  ComponentDraggingChanged: 'componentDraggingChanged',\n  ComponentDragCanceled: 'componentDragCanceled',\n  ComponentDragStarted: 'componentDragStarted',\n  ComponentDragEnded: 'componentDragEnded',\n  ComponentMoveEnded: 'componentMoveEnded',\n  CanvasResized: 'canvasResized',\n  SelectComponent: 'selectComponent',\n  HoverComponent: 'hoverComponent',\n  UpdatedEntity: 'updatedEntity',\n  AssembliesAdded: 'assembliesAdded',\n  AssembliesRegistered: 'assembliesRegistered',\n  InitEditor: 'initEditor',\n  MouseMove: 'mouseMove',\n};\n\nexport const INTERNAL_EVENTS = {\n  ComponentsRegistered: 'cfComponentsRegistered',\n  VisualEditorInitialize: 'cfVisualEditorInitialize',\n};\n\nexport const VISUAL_EDITOR_EVENTS = {\n  Ready: 'cfVisualEditorReady',\n};\n\nexport const VISUAL_EDITOR_CONTAINER_ID = 'cf-visual-editor';\nexport const CONTENTFUL_COMPONENT_CATEGORY = 'contentful-component';\nexport const CONTENTFUL_DEFAULT_CATEGORY = 'Contentful';\n\nexport const CONTENTFUL_COMPONENTS = {\n  section: {\n    id: 'contentful-section',\n    name: 'Section',\n  },\n  container: {\n    id: 'contentful-container',\n    name: 'Container',\n  },\n  columns: {\n    id: 'contentful-columns',\n    name: 'Columns',\n  },\n  singleColumn: {\n    id: 'contentful-single-column',\n    name: 'Column',\n  },\n  button: {\n    id: 'button',\n    name: 'Button',\n  },\n  heading: {\n    id: 'heading',\n    name: 'Heading',\n  },\n  image: {\n    id: 'image',\n    name: 'Image',\n  },\n  richText: {\n    id: 'richText',\n    name: 'Rich Text',\n  },\n  text: {\n    id: 'text',\n    name: 'Text',\n  },\n};\n\nexport const ASSEMBLY_NODE_TYPE = 'assembly';\nexport const ASSEMBLY_DEFAULT_CATEGORY = 'Assemblies';\nexport const ASSEMBLY_BLOCK_NODE_TYPE = 'assemblyBlock';\nexport const ASSEMBLY_NODE_TYPES = [ASSEMBLY_NODE_TYPE, ASSEMBLY_BLOCK_NODE_TYPE];\nexport const LATEST_SCHEMA_VERSION = '2023-09-28';\nexport const CF_STYLE_ATTRIBUTES = [\n  'cfHorizontalAlignment',\n  'cfVerticalAlignment',\n  'cfMargin',\n  'cfPadding',\n  'cfBackgroundColor',\n  'cfWidth',\n  'cfMaxWidth',\n  'cfHeight',\n  'cfImageAsset',\n  'cfImageOptions',\n  'cfBackgroundImageUrl',\n  'cfBackgroundImageOptions',\n  'cfFlexDirection',\n  'cfFlexWrap',\n  'cfBorder',\n  'cfGap',\n  'cfFontSize',\n  'cfFontWeight',\n  'cfLineHeight',\n  'cfLetterSpacing',\n  'cfTextColor',\n  'cfTextAlign',\n  'cfTextTransform',\n  'cfTextBold',\n  'cfTextItalic',\n  'cfTextUnderline',\n  // For backwards compatibility\n  // we need to keep those in this constant array\n  // so that omit() in <VisualEditorBlock> and <CompositionBlock>\n  // can filter them out and not pass as props\n  'cfBackgroundImageScaling',\n  'cfBackgroundImageAlignment',\n  'cfBackgroundImageAlignmentVertical',\n  'cfBackgroundImageAlignmentHorizontal',\n];\n\nexport const EMPTY_CONTAINER_HEIGHT = '80px';\n\nexport const DEFAULT_IMAGE_WIDTH = '500px';\n\nexport enum PostMessageMethods {\n  REQUEST_ENTITIES = 'REQUEST_ENTITIES',\n  REQUESTED_ENTITIES = 'REQUESTED_ENTITIES',\n}\n\nexport const SUPPORTED_IMAGE_FORMATS = ['jpg', 'png', 'webp', 'gif', 'avif'] as const;\n"],"names":[],"mappings":"AAAa,MAAA,aAAa,GAAG;AAC3B,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,GAAG,EAAE,WAAW;EAChB;AAEW,MAAA,eAAe,GAAG;AAC7B,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,cAAc,EAAE,gBAAgB;AAChC,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,oBAAoB,EAAE,sBAAsB;AAC5C,IAAA,0BAA0B,EAAE,4BAA4B;AACxD,IAAA,qBAAqB,EAAE,uBAAuB;AAC9C,IAAA,gBAAgB,EAAE,kBAAkB;AACpC,IAAA,cAAc,EAAE,gBAAgB;AAChC,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,kCAAkC,EAAE,oCAAoC;AACxE,IAAA,iCAAiC,EAAE,mCAAmC;AACtE,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,oBAAoB,EAAE,sBAAsB;AAC5C,IAAA,kBAAkB,EAAE,oBAAoB;AACxC,IAAA,kBAAkB,EAAE,oBAAoB;EACxC;AAEW,MAAA,eAAe,GAAG;AAC7B,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,iBAAiB,EAAE,sBAAsB;AACzC,IAAA,wBAAwB,EAAE,0BAA0B;AACpD,IAAA,qBAAqB,EAAE,uBAAuB;AAC9C,IAAA,oBAAoB,EAAE,sBAAsB;AAC5C,IAAA,kBAAkB,EAAE,oBAAoB;AACxC,IAAA,kBAAkB,EAAE,oBAAoB;AACxC,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,eAAe,EAAE,iBAAiB;AAClC,IAAA,cAAc,EAAE,gBAAgB;AAChC,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,eAAe,EAAE,iBAAiB;AAClC,IAAA,oBAAoB,EAAE,sBAAsB;AAC5C,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE,WAAW;EACtB;AAEW,MAAA,eAAe,GAAG;AAC7B,IAAA,oBAAoB,EAAE,wBAAwB;AAC9C,IAAA,sBAAsB,EAAE,0BAA0B;EAClD;AAEW,MAAA,oBAAoB,GAAG;AAClC,IAAA,KAAK,EAAE,qBAAqB;EAC5B;AAEK,MAAM,0BAA0B,GAAG,mBAAmB;AACtD,MAAM,6BAA6B,GAAG,uBAAuB;AAC7D,MAAM,2BAA2B,GAAG,aAAa;AAE3C,MAAA,qBAAqB,GAAG;AACnC,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,sBAAsB;AAC1B,QAAA,IAAI,EAAE,WAAW;AAClB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,IAAI,EAAE,WAAW;AAClB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;EACD;AAEK,MAAM,kBAAkB,GAAG,WAAW;AACtC,MAAM,yBAAyB,GAAG,aAAa;AAC/C,MAAM,wBAAwB,GAAG,gBAAgB;MAC3C,mBAAmB,GAAG,CAAC,kBAAkB,EAAE,wBAAwB,EAAE;AAC3E,MAAM,qBAAqB,GAAG,aAAa;AACrC,MAAA,mBAAmB,GAAG;IACjC,uBAAuB;IACvB,qBAAqB;IACrB,UAAU;IACV,WAAW;IACX,mBAAmB;IACnB,SAAS;IACT,YAAY;IACZ,UAAU;IACV,cAAc;IACd,gBAAgB;IAChB,sBAAsB;IACtB,0BAA0B;IAC1B,iBAAiB;IACjB,YAAY;IACZ,UAAU;IACV,OAAO;IACP,YAAY;IACZ,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,aAAa;IACb,aAAa;IACb,iBAAiB;IACjB,YAAY;IACZ,cAAc;IACd,iBAAiB;;;;;IAKjB,0BAA0B;IAC1B,4BAA4B;IAC5B,oCAAoC;IACpC,sCAAsC;EACtC;AAEK,MAAM,sBAAsB,GAAG,OAAO;AAEtC,MAAM,mBAAmB,GAAG,QAAQ;IAE/B,mBAGX;AAHD,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC,CAAA;AACrC,IAAA,kBAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC,CAAA;AAC3C,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAG7B,EAAA,CAAA,CAAA,CAAA;AAEM,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;;;;"}

package/dist/definitions/styles.d.ts

@@ -1,9 +1,11 @@
 import { ContainerStyleVariableName, ComponentDefinitionVariable } from '../types.js';
 
-declare const builtInStyles: Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<'Text' | 'Boolean'>>>;
-declare const optionalBuiltInStyles: Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<'Text' | 'Boolean'>>>;
-declare const containerBuiltInStyles: Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<'Text' | 'Boolean'>>>;
-declare const singleColumnBuiltInStyles: Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<'Text' | 'Boolean'>>>;
-declare const columnsBuiltInStyles: Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<'Text' | 'Boolean'>>>;
+type VariableDefinitions = Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<'Text' | 'Boolean' | 'Media' | 'Object'>>>;
+declare const builtInStyles: VariableDefinitions;
+declare const optionalBuiltInStyles: VariableDefinitions;
+declare const sectionBuiltInStyles: VariableDefinitions;
+declare const containerBuiltInStyles: VariableDefinitions;
+declare const singleColumnBuiltInStyles: VariableDefinitions;
+declare const columnsBuiltInStyles: VariableDefinitions;
 
-export { builtInStyles, columnsBuiltInStyles, containerBuiltInStyles, optionalBuiltInStyles, singleColumnBuiltInStyles };
+export { builtInStyles, columnsBuiltInStyles, containerBuiltInStyles, optionalBuiltInStyles, sectionBuiltInStyles, singleColumnBuiltInStyles };

package/dist/entity/EditorModeEntityStore.d.ts

@@ -23,7 +23,7 @@ declare class EditorModeEntityStore extends EditorEntityStore {
         missingEntryIds: string[];
         missingAssetIds: string[];
     };
-    getValue(entityLink: UnresolvedLink<'Entry' | 'Asset'> | undefined, path: string[]): string | undefined;
+    getValue(entityLinkOrEntity: UnresolvedLink<'Entry' | 'Asset'> | Entry | Asset, path: string[]): string | undefined;
 }
 
 export { EditorModeEntityStore };

package/dist/entity/EntityStoreBase.d.ts

@@ -2,7 +2,7 @@ import { Entry, Asset, ChainModifiers, UnresolvedLink } from 'contentful';
 
 /**
  * Base Store for entities
- * Can be extened for the different loading behaviours (editor, production, ..)
+ * Can be extended for the different loading behaviours (editor, production, ..)
  */
 declare abstract class EntityStoreBase {
     protected locale: string;
@@ -14,7 +14,7 @@ declare abstract class EntityStoreBase {
     });
     get entities(): (Entry | Asset<ChainModifiers, string>)[];
     updateEntity(entity: Entry | Asset): void;
-    getValueDeep(headLinkOrEntity: UnresolvedLink<'Entry' | 'Asset'> | Asset | Entry, deepPath: string): string | undefined;
+    getEntryOrAsset(linkOrEntryOrAsset: UnresolvedLink<'Entry' | 'Asset'> | Asset | Entry, path: string): Entry | Asset | undefined;
     /**
      * @deprecated in the base class this should be simply an abstract method
      * @param entityLink
@@ -32,6 +32,7 @@ declare abstract class EntityStoreBase {
     fetchAssets(ids: string[]): Promise<Asset[]>;
     fetchEntry(id: string): Promise<Entry | undefined>;
     fetchEntries(ids: string[]): Promise<Entry[]>;
+    private getDeepEntry;
     private isAsset;
     private getEntity;
     toJSON(): {

package/dist/exports.d.ts

@@ -1,3 +1,3 @@
-export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS } from './constants.js';
-export { Binding, BindingMap, BindingMapByBlockId, CSSProperties, ComponentBinding, ComponentDefinition, ComponentDefinitionVariable, ComponentDefinitionVariableBase, ComponentDefinitionVariableType, ComponentDefinitionVariableValidation, ComponentRegistration, ComponentRegistrationOptions, ContainerStyleVariableName, Coordinates, DataSourceEntryValueType, DesignTokensDefinition, Experience, ExperienceEntry, ExperienceFields, ExperienceTree, ExperienceTreeNode, ExternalSDKMode, HoveredElement, IncomingEvent, InternalEvent, InternalSDKMode, Link, ManagementEntity, OutgoingEvent, RawCoordinates, RecursiveDesignTokenDefinition, RequestEntitiesMessage, RequestedEntitiesMessage, ResolveDesignValueType, ScrollState, StyleProps, ValidationOption, VariableFormats } from './types.js';
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS } from './constants.js';
+export { BackgroundImageAlignmentOption, BackgroundImageOptions, BackgroundImageScalingOption, Binding, BindingMap, BindingMapByBlockId, BoundComponentPropertyTypes, CSSProperties, ComponentBinding, ComponentDefinition, ComponentDefinitionVariable, ComponentDefinitionVariableBase, ComponentDefinitionVariableType, ComponentDefinitionVariableValidation, ComponentRegistration, ComponentRegistrationOptions, ContainerStyleVariableName, Coordinates, DataSourceEntryValueType, DesignTokensDefinition, Experience, ExperienceEntry, ExperienceFields, ExperienceTree, ExperienceTreeNode, ExternalSDKMode, HoveredElement, ImageObjectFitOption, ImageObjectPositionOption, ImageOptions, IncomingEvent, InternalEvent, InternalSDKMode, Link, ManagementEntity, OptimizedBackgroundImageAsset, OptimizedImageAsset, OutgoingEvent, RawCoordinates, RecursiveDesignTokenDefinition, RequestEntitiesMessage, RequestedEntitiesMessage, ResolveDesignValueType, ScrollState, StyleProps, ValidationOption, VariableFormats } from './types.js';
 export { BoundValue, Breakpoint, ComponentPropertyValue, ComponentTreeNode, ComponentValue, DesignValue, ExperienceComponentSettings, ExperienceDataSource, ExperienceUnboundValues, PrimitiveValue, SchemaVersions, UnboundValue, ValuesByBreakpoint } from '@contentful/experiences-validators';

package/dist/exports.js

@@ -1,2 +1,2 @@
-export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS } from './constants.js';
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS } from './constants.js';
 //# sourceMappingURL=exports.js.map

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 export { isContentfulStructureComponent, isEmptyStructureWithRelativeHeight } from './utils/components.js';
 export { findOutermostCoordinates, getElementCoordinates } from './utils/domValues.js';
 export { VisualEditorMessagePayload, doesMismatchMessageSchema, tryParseMessage, validateExperienceBuilderConfig } from './utils/validations.js';
-export { buildCfStyles, buildStyleTag, calculateNodeDefaultHeight } from './utils/stylesUtils.js';
-export { transformAlignment, transformBackgroundImage, transformBorderStyle, transformContentValue, transformFill, transformGridColumn, transformRichText, transformWidthSizing } from './utils/transformers.js';
+export { buildCfStyles, buildStyleTag, calculateNodeDefaultHeight } from './utils/styleUtils/stylesUtils.js';
+export { transformBoundContentValue } from './utils/transformers/transformBoundContentValue.js';
 export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData } from './utils/utils.js';
 export { isExperienceEntry } from './utils/typeguards.js';
 export { supportedModes } from './utils/supportedModes.js';
@@ -11,7 +11,7 @@ export { isLinkToAsset } from './utils/isLinkToAsset.js';
 export { isLink } from './utils/isLink.js';
 export { Fieldset, UnresolvedFieldset, isDeepPath, parseDataSourcePathIntoFieldset, parseDataSourcePathWithL1DeepBindings } from './utils/pathSchema.js';
 export { columnsDefinition, containerDefinition, sectionDefinition, singleColumnDefinition } from './definitions/components.js';
-export { builtInStyles, columnsBuiltInStyles, containerBuiltInStyles, optionalBuiltInStyles, singleColumnBuiltInStyles } from './definitions/styles.js';
+export { builtInStyles, columnsBuiltInStyles, containerBuiltInStyles, optionalBuiltInStyles, sectionBuiltInStyles, singleColumnBuiltInStyles } from './definitions/styles.js';
 export { EditorModeEntityStore } from './entity/EditorModeEntityStore.js';
 export { EntityStore } from './entity/EntityStore.js';
 export { EntityStoreBase } from './entity/EntityStoreBase.js';