@contentful/experiences-visual-editor-react 1.20.0 → 1.20.1
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 +71 -42
- package/dist/index.js.map +1 -1
- package/dist/renderApp.js +71 -42
- package/dist/renderApp.js.map +1 -1
- package/package.json +4 -4
package/dist/renderApp.js
CHANGED
|
@@ -37,8 +37,8 @@ function styleInject(css, ref) {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
var css_248z$
|
|
41
|
-
styleInject(css_248z$
|
|
40
|
+
var css_248z$a = "html,\nbody {\n margin: 0;\n padding: 0;\n}\n\n/*\n * All of these variables are tokens from Forma-36 and should not be adjusted as these\n * are global variables that may affect multiple places.\n * As our customers may use other design libraries, we try to avoid overlapping global\n * variables by always using the prefix `--exp-builder-` inside this SDK.\n */\n\n:root {\n /* Color tokens from Forma 36: https://f36.contentful.com/tokens/color-system */\n --exp-builder-blue100: #e8f5ff;\n --exp-builder-blue200: #ceecff;\n --exp-builder-blue300: #98cbff;\n --exp-builder-blue400: #40a0ff;\n --exp-builder-blue500: #036fe3;\n --exp-builder-blue600: #0059c8;\n --exp-builder-blue700: #0041ab;\n --exp-builder-blue800: #003298;\n --exp-builder-blue900: #002a8e;\n --exp-builder-gray100: #f7f9fa;\n --exp-builder-gray200: #e7ebee;\n --exp-builder-gray300: #cfd9e0;\n --exp-builder-gray400: #aec1cc;\n --exp-builder-gray500: #67728a;\n --exp-builder-gray600: #5a657c;\n --exp-builder-gray700: #414d63;\n --exp-builder-gray800: #1b273a;\n --exp-builder-gray900: #111b2b;\n --exp-builder-purple600: #6c3ecf;\n --exp-builder-red200: #ffe0e0;\n --exp-builder-red800: #7f0010;\n --exp-builder-color-white: #ffffff;\n --exp-builder-glow-primary: 0px 0px 0px 3px #e8f5ff;\n\n /* RGB colors for applying opacity */\n --exp-builder-blue100-rgb: 232, 245, 255;\n --exp-builder-blue300-rgb: 152, 203, 255;\n\n /* Spacing tokens from Forma 36: https://f36.contentful.com/tokens/spacing */\n --exp-builder-spacing-s: 0.75rem;\n --exp-builder-spacing-2xs: 0.25rem;\n\n /* Typography tokens from Forma 36: https://f36.contentful.com/tokens/typography */\n --exp-builder-font-size-l: 1rem;\n --exp-builder-font-size-m: 0.875rem;\n --exp-builder-font-stack-primary: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,\n sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n --exp-builder-line-height-condensed: 1.25;\n}\n";
|
|
41
|
+
styleInject(css_248z$a);
|
|
42
42
|
|
|
43
43
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
44
44
|
|
|
@@ -42731,7 +42731,7 @@ const builtInStyles = {
|
|
|
42731
42731
|
displayName: 'Hyperlink behaviour',
|
|
42732
42732
|
type: 'Boolean',
|
|
42733
42733
|
defaultValue: false,
|
|
42734
|
-
description: '
|
|
42734
|
+
description: 'Open in new tab',
|
|
42735
42735
|
},
|
|
42736
42736
|
};
|
|
42737
42737
|
const optionalBuiltInStyles = {
|
|
@@ -56085,9 +56085,9 @@ function cloneDeepAsPOJO(obj) {
|
|
|
56085
56085
|
return JSON.parse(JSON.stringify(obj));
|
|
56086
56086
|
}
|
|
56087
56087
|
|
|
56088
|
-
var css_248z$
|
|
56088
|
+
var css_248z$9 = ".render-module_hitbox__l4ysJ {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 10px;\n z-index: 1000000;\n}\n\n.render-module_hitboxLower__tgsA1 {\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n z-index: 1000000;\n}\n\n.render-module_container__-C3d7 {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\nbody {\n margin: 0;\n}\n\nhtml {\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n}\n\nhtml::-webkit-scrollbar {\n display: none;\n}\n";
|
|
56089
56089
|
var styles$3 = {"hitbox":"render-module_hitbox__l4ysJ","hitboxLower":"render-module_hitboxLower__tgsA1","container":"render-module_container__-C3d7"};
|
|
56090
|
-
styleInject(css_248z$
|
|
56090
|
+
styleInject(css_248z$9);
|
|
56091
56091
|
|
|
56092
56092
|
// TODO: In order to support integrations without React, we should extract this heavy logic into simple
|
|
56093
56093
|
// functions that we can reuse in other frameworks.
|
|
@@ -56771,6 +56771,9 @@ var PostMessageMethods;
|
|
|
56771
56771
|
PostMessageMethods["REQUESTED_ENTITIES"] = "REQUESTED_ENTITIES";
|
|
56772
56772
|
})(PostMessageMethods || (PostMessageMethods = {}));
|
|
56773
56773
|
|
|
56774
|
+
var css_248z$7 = "/* If the label is empty, still render the normal height by adding this pseudo element */\n.cf-button:empty::before {\n content: '';\n display: inline-block;\n}\n";
|
|
56775
|
+
styleInject(css_248z$7);
|
|
56776
|
+
|
|
56774
56777
|
var css_248z$6 = ".cf-heading {\n white-space: pre-line;\n}\n";
|
|
56775
56778
|
styleInject(css_248z$6);
|
|
56776
56779
|
|
|
@@ -56811,8 +56814,8 @@ Flex.displayName = 'Flex';
|
|
|
56811
56814
|
var css_248z$1$1 = ".cf-divider {\n display: contents;\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.cf-divider hr {\n border: none;\n}\n\n.cf-divider::before {\n content: \"\";\n position: absolute;\n top: -5px;\n left: -5px;\n bottom: -5px;\n right: -5px;\n pointer-events: all;\n}\n";
|
|
56812
56815
|
styleInject(css_248z$1$1);
|
|
56813
56816
|
|
|
56814
|
-
var css_248z$
|
|
56815
|
-
styleInject(css_248z$
|
|
56817
|
+
var css_248z$8 = ".cf-columns {\n display: flex;\n gap: 24px;\n grid-template-columns: repeat(12, 1fr);\n flex-direction: column;\n min-height: 0; /* NEW */\n min-width: 0; /* NEW; needed for Firefox */\n}\n\n@media (min-width: 768px) {\n .cf-columns {\n display: grid;\n }\n}\n\n.cf-single-column-wrapper {\n position: relative;\n display: flex;\n}\n\n.cf-single-column {\n pointer-events: all;\n}\n\n.cf-single-column-wrapper:after {\n content: '';\n display: block;\n position: absolute;\n pointer-events: none;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-x: clip;\n font-family: var(--exp-builder-font-stack-primary);\n font-size: 12px;\n color: var(--exp-builder-gray400);\n z-index: 1;\n}\n\n.cf-single-column-label:after {\n content: 'Column';\n}\n";
|
|
56818
|
+
styleInject(css_248z$8);
|
|
56816
56819
|
|
|
56817
56820
|
const ColumnWrapper = reactExports.forwardRef((props, ref) => {
|
|
56818
56821
|
return (React.createElement("div", { ref: ref, ...props, style: {
|
|
@@ -57624,19 +57627,32 @@ const useEditorModeClassName = ({ styles, nodeId, }) => {
|
|
|
57624
57627
|
if (Object.keys(styles).length === 0) {
|
|
57625
57628
|
return;
|
|
57626
57629
|
}
|
|
57627
|
-
const [
|
|
57628
|
-
|
|
57629
|
-
|
|
57630
|
-
|
|
57631
|
-
|
|
57632
|
-
|
|
57630
|
+
const [newClassName, styleRules] = buildStyleTag({ styles, nodeId });
|
|
57631
|
+
addStylesTag(newClassName, styleRules);
|
|
57632
|
+
if (className !== newClassName) {
|
|
57633
|
+
setClassName(newClassName);
|
|
57634
|
+
// Clean up: remove outdated styles from DOM
|
|
57635
|
+
removeStylesTag(className);
|
|
57633
57636
|
}
|
|
57634
|
-
|
|
57635
|
-
styleTag.dataset['cfStyles'] = className;
|
|
57636
|
-
document.head.appendChild(styleTag).innerHTML = styleRule;
|
|
57637
|
-
}, [styles, nodeId]);
|
|
57637
|
+
}, [styles, nodeId, className]);
|
|
57638
57638
|
return className;
|
|
57639
57639
|
};
|
|
57640
|
+
const removeStylesTag = (className) => {
|
|
57641
|
+
const existingTag = document.querySelector(`[data-cf-styles="${className}"]`);
|
|
57642
|
+
if (existingTag) {
|
|
57643
|
+
document.head.removeChild(existingTag);
|
|
57644
|
+
}
|
|
57645
|
+
};
|
|
57646
|
+
const addStylesTag = (className, styleRules) => {
|
|
57647
|
+
const existingTag = document.querySelector(`[data-cf-styles="${className}"]`);
|
|
57648
|
+
if (existingTag) {
|
|
57649
|
+
existingTag.innerHTML = styleRules;
|
|
57650
|
+
return;
|
|
57651
|
+
}
|
|
57652
|
+
const styleTag = document.createElement('style');
|
|
57653
|
+
styleTag.dataset['cfStyles'] = className;
|
|
57654
|
+
document.head.appendChild(styleTag).innerHTML = styleRules;
|
|
57655
|
+
};
|
|
57640
57656
|
|
|
57641
57657
|
const getUnboundValues = ({ key, fallback, unboundValues, }) => {
|
|
57642
57658
|
const lodashPath = `${key}.value`;
|
|
@@ -57765,30 +57781,34 @@ const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, rende
|
|
|
57765
57781
|
const isAssemblyBlock = node.type === 'assemblyBlock';
|
|
57766
57782
|
const isSingleColumn = node?.data.blockId === CONTENTFUL_COMPONENTS.columns.id;
|
|
57767
57783
|
const isStructureComponent = isContentfulStructureComponent(node?.data.blockId);
|
|
57768
|
-
|
|
57769
|
-
|
|
57770
|
-
|
|
57771
|
-
|
|
57772
|
-
if (
|
|
57773
|
-
|
|
57774
|
-
|
|
57775
|
-
|
|
57776
|
-
|
|
57777
|
-
|
|
57778
|
-
|
|
57779
|
-
|
|
57780
|
-
|
|
57781
|
-
|
|
57782
|
-
|
|
57783
|
-
|
|
57784
|
-
|
|
57785
|
-
|
|
57786
|
-
|
|
57787
|
-
|
|
57788
|
-
|
|
57789
|
-
|
|
57784
|
+
const { overrideStyles, wrapperStyles } = reactExports.useMemo(() => {
|
|
57785
|
+
// Move size styles to the wrapping div and override the component styles
|
|
57786
|
+
const overrideStyles = {};
|
|
57787
|
+
const wrapperStyles = { width: options?.wrapContainerWidth };
|
|
57788
|
+
if (requiresDragWrapper) {
|
|
57789
|
+
if (cfStyles.width)
|
|
57790
|
+
wrapperStyles.width = cfStyles.width;
|
|
57791
|
+
if (cfStyles.height)
|
|
57792
|
+
wrapperStyles.height = cfStyles.height;
|
|
57793
|
+
if (cfStyles.maxWidth)
|
|
57794
|
+
wrapperStyles.maxWidth = cfStyles.maxWidth;
|
|
57795
|
+
if (cfStyles.margin)
|
|
57796
|
+
wrapperStyles.margin = cfStyles.margin;
|
|
57797
|
+
}
|
|
57798
|
+
// Override component styles to fill the wrapper
|
|
57799
|
+
if (wrapperStyles.width)
|
|
57800
|
+
overrideStyles.width = '100%';
|
|
57801
|
+
if (wrapperStyles.height)
|
|
57802
|
+
overrideStyles.height = '100%';
|
|
57803
|
+
if (wrapperStyles.margin)
|
|
57804
|
+
overrideStyles.margin = '0';
|
|
57805
|
+
if (wrapperStyles.maxWidth)
|
|
57806
|
+
overrideStyles.maxWidth = 'none';
|
|
57807
|
+
return { overrideStyles, wrapperStyles };
|
|
57808
|
+
}, [cfStyles, options?.wrapContainerWidth, requiresDragWrapper]);
|
|
57790
57809
|
// Styles that will be applied to the component element
|
|
57791
|
-
|
|
57810
|
+
// This has to be memoized to avoid recreating the styles in useEditorModeClassName on every render
|
|
57811
|
+
const componentStyles = reactExports.useMemo(() => ({
|
|
57792
57812
|
...cfStyles,
|
|
57793
57813
|
...overrideStyles,
|
|
57794
57814
|
...(isEmptyZone &&
|
|
@@ -57801,7 +57821,16 @@ const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, rende
|
|
|
57801
57821
|
!isAssemblyBlock && {
|
|
57802
57822
|
padding: addExtraDropzonePadding(cfStyles.padding?.toString() || '0 0 0 0'),
|
|
57803
57823
|
}),
|
|
57804
|
-
}
|
|
57824
|
+
}), [
|
|
57825
|
+
cfStyles,
|
|
57826
|
+
isAssemblyBlock,
|
|
57827
|
+
isEmptyZone,
|
|
57828
|
+
isSingleColumn,
|
|
57829
|
+
isStructureComponent,
|
|
57830
|
+
node?.data.blockId,
|
|
57831
|
+
overrideStyles,
|
|
57832
|
+
userIsDragging,
|
|
57833
|
+
]);
|
|
57805
57834
|
const componentClass = useEditorModeClassName({
|
|
57806
57835
|
styles: componentStyles,
|
|
57807
57836
|
nodeId: node.data.id,
|
|
@@ -58478,7 +58507,7 @@ var classnames = {exports: {}};
|
|
|
58478
58507
|
var classnamesExports = classnames.exports;
|
|
58479
58508
|
var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
|
|
58480
58509
|
|
|
58481
|
-
var css_248z$1 = ".styles-module_DraggableComponent__oyE7Q,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO) {\n position: relative;\n transition: background-color 0.2s;\n pointer-events: all;\n box-sizing: border-box;\n cursor: grab;\n}\n\n.styles-module_DraggableComponent__oyE7Q:before,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO):before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n outline-offset: -2px;\n outline: 2px solid transparent;\n z-index: 1;\n transition: outline 0.2s;\n pointer-events: none;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4.styles-module_Dropzone__3R-sm:before {\n outline-offset: -1px;\n}\n\n.styles-
|
|
58510
|
+
var css_248z$1 = ".styles-module_DraggableComponent__oyE7Q,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO) {\n position: relative;\n transition: background-color 0.2s;\n pointer-events: all;\n box-sizing: border-box;\n cursor: grab;\n}\n\n.styles-module_DraggableComponent__oyE7Q:before,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO):before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n outline-offset: -2px;\n outline: 2px solid transparent;\n z-index: 1;\n transition: outline 0.2s;\n pointer-events: none;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4.styles-module_Dropzone__3R-sm:before {\n outline-offset: -1px;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4.styles-module_Dropzone__3R-sm {\n pointer-events: all;\n}\n\n.styles-module_Dropzone__3R-sm.styles-module_isAssembly__HstYv {\n width: 100%;\n height: 100%;\n}\n\n.styles-module_isRoot__c-c-x,\n.styles-module_isEmptyCanvas__Mm6Al {\n flex: 1;\n}\n\n.styles-module_isEmptyZone__XZ1Ej {\n min-height: 80px;\n min-width: 80px;\n}\n\n.styles-module_isDragging__hldL4:not(.styles-module_isRoot__c-c-x):not(.styles-module_DraggableClone__CdKIH):before {\n outline: 2px dashed var(--exp-builder-gray300);\n}\n\n.styles-module_Dropzone__3R-sm.styles-module_isDestination__sE70P:not(.styles-module_isRoot__c-c-x):before {\n transition:\n outline 0.2s,\n background-color 0.2s;\n outline: 2px dashed var(--exp-builder-blue400);\n background-color: rgba(var(--exp-builder-blue100-rgb), 0.5);\n z-index: 2;\n}\n\n.styles-module_DraggableClone__CdKIH:before {\n outline: 2px solid var(--exp-builder-blue500);\n}\n\n.styles-module_DropzoneClone__xiT8j,\n.styles-module_DraggableClone__CdKIH,\n.styles-module_DropzoneClone__xiT8j *,\n.styles-module_DraggableClone__CdKIH * {\n pointer-events: none !important;\n}\n\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isDragging__hldL4) :not(.styles-module_DraggableComponent__oyE7Q) {\n pointer-events: none;\n}\n\n.styles-module_isDraggingThisComponent__yCZTp {\n overflow: hidden;\n}\n\n.styles-module_isSelected__c2QEJ:before {\n outline: 2px solid transparent !important;\n}\n\n.styles-module_tooltipWrapper__kqvmR {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 10;\n pointer-events: none;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4 .styles-module_tooltipWrapper__kqvmR {\n display: none;\n}\n\n.styles-module_overlay__knwhE {\n position: absolute;\n display: flex;\n align-items: center;\n min-width: max-content;\n height: 24px;\n z-index: 2;\n font-family: var(--exp-builder-font-stack-primary);\n font-size: 14px;\n font-weight: 500;\n background-color: var(--exp-builder-gray500);\n color: var(--exp-builder-color-white);\n padding: 4px 12px 4px 12px;\n transition: opacity 0.1s;\n opacity: 0;\n text-wrap: nowrap;\n}\n\n.styles-module_overlayContainer__lUsiC {\n opacity: 0;\n}\n\n.styles-module_overlayAssembly__3BKl4 {\n background-color: var(--exp-builder-purple600);\n}\n\n.styles-module_isDragging__hldL4 > .styles-module_overlay__knwhE,\n.styles-module_isDragging__hldL4 > .styles-module_overlayContainer__lUsiC {\n opacity: 0 !important;\n}\n\n.styles-module_isDragging__hldL4:not(.styles-module_Dropzone__3R-sm):before {\n outline: 2px solid transparent !important;\n}\n\n.styles-module_isHoveringComponent__f7G5m > div > .styles-module_overlay__knwhE,\n.styles-module_DraggableComponent__oyE7Q:hover:not(:has(.styles-module_DraggableComponent__oyE7Q:hover)) > div > .styles-module_overlay__knwhE {\n opacity: 1;\n}\n\n/* hovering related component in layers tab */\n\n.styles-module_DraggableComponent__oyE7Q:has(.styles-module_isHoveringComponent__f7G5m):not(.styles-module_isAssemblyBlock__goT9z):before,\n.styles-module_DraggableComponent__oyE7Q:has(.styles-module_isHoveringComponent__f7G5m):not(.styles-module_isAssemblyBlock__goT9z) .styles-module_DraggableComponent__oyE7Q:not(.styles-module_isHoveringComponent__f7G5m):not(.styles-module_isAssemblyBlock__goT9z):before,\n.styles-module_isHoveringComponent__f7G5m:not(.styles-module_isAssemblyBlock__goT9z) .styles-module_DraggableComponent__oyE7Q:not(.styles-module_isAssemblyBlock__goT9z):before,\n\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isAssemblyBlock__goT9z):not(.styles-module_isDragging__hldL4):hover:before,\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isDragging__hldL4):hover .styles-module_DraggableComponent__oyE7Q:before {\n outline: 2px dashed var(--exp-builder-gray500);\n}\n\n/* hovering component in layers tab */\n\n.styles-module_isHoveringComponent__f7G5m:not(.styles-module_isAssemblyBlock__goT9z):before,\n\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isAssemblyBlock__goT9z):not(.styles-module_isDragging__hldL4):hover:not(:has(.styles-module_DraggableComponent__oyE7Q:hover)):before {\n outline: 2px solid var(--exp-builder-gray500);\n}\n\n/* hovering related pattern in layers tab */\n\n.styles-module_isAssemblyBlock__goT9z:has(.styles-module_isHoveringComponent__f7G5m):before,\n.styles-module_isAssemblyBlock__goT9z:has(.styles-module_isHoveringComponent__f7G5m) .styles-module_isAssemblyBlock__goT9z:not(.styles-module_isHoveringComponent__f7G5m):before,\n.styles-module_isHoveringComponent__f7G5m .styles-module_isAssemblyBlock__goT9z:before,\n\n.styles-module_isAssemblyBlock__goT9z:hover:before,\n.styles-module_isAssemblyBlock__goT9z:hover .styles-module_DraggableComponent__oyE7Q:before,\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isDragging__hldL4):hover .styles-module_isAssemblyBlock__goT9z:before {\n outline: 2px dashed var(--exp-builder-purple600);\n}\n\n/* hovering pattern in layers tab */\n\n.styles-module_isAssemblyBlock__goT9z.styles-module_isHoveringComponent__f7G5m:before,\n\n.styles-module_isAssemblyBlock__goT9z:hover:not(:has(.styles-module_DraggableComponent__oyE7Q:hover)):before {\n outline: 2px solid var(--exp-builder-purple600);\n}\n";
|
|
58482
58511
|
var styles$1 = {"DraggableComponent":"styles-module_DraggableComponent__oyE7Q","Dropzone":"styles-module_Dropzone__3R-sm","isSlot":"styles-module_isSlot__HI9yO","isDragging":"styles-module_isDragging__hldL4","isAssembly":"styles-module_isAssembly__HstYv","isRoot":"styles-module_isRoot__c-c-x","isEmptyCanvas":"styles-module_isEmptyCanvas__Mm6Al","isEmptyZone":"styles-module_isEmptyZone__XZ1Ej","DraggableClone":"styles-module_DraggableClone__CdKIH","isDestination":"styles-module_isDestination__sE70P","DropzoneClone":"styles-module_DropzoneClone__xiT8j","isDraggingThisComponent":"styles-module_isDraggingThisComponent__yCZTp","isSelected":"styles-module_isSelected__c2QEJ","tooltipWrapper":"styles-module_tooltipWrapper__kqvmR","overlay":"styles-module_overlay__knwhE","overlayContainer":"styles-module_overlayContainer__lUsiC","overlayAssembly":"styles-module_overlayAssembly__3BKl4","isHoveringComponent":"styles-module_isHoveringComponent__f7G5m","isAssemblyBlock":"styles-module_isAssemblyBlock__goT9z"};
|
|
58483
58512
|
styleInject(css_248z$1);
|
|
58484
58513
|
|