@contentful/experiences-visual-editor-react 0.0.1-alpha.8 → 0.0.1-alpha.9
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 +11 -1
- package/dist/index.js.map +1 -1
- package/dist/renderApp.js +11 -1
- package/dist/renderApp.js.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -329,7 +329,7 @@ const buildStyleTag = ({ styles, nodeId }) => {
|
|
|
329
329
|
const styleRule = `.${className}{ ${stylesStr} }`;
|
|
330
330
|
return [className, styleRule];
|
|
331
331
|
};
|
|
332
|
-
const buildCfStyles = ({ cfHorizontalAlignment, cfVerticalAlignment, cfFlexDirection, cfFlexWrap, cfMargin, cfPadding, cfBackgroundColor, cfWidth, cfHeight, cfMaxWidth, cfBorder, cfGap, cfBackgroundImageUrl, cfBackgroundImageOptions, cfFontSize, cfFontWeight, cfImageOptions, cfLineHeight, cfLetterSpacing, cfTextColor, cfTextAlign, cfTextTransform, cfTextBold, cfTextItalic, cfTextUnderline, cfColumnSpan, }) => {
|
|
332
|
+
const buildCfStyles = ({ cfHorizontalAlignment, cfVerticalAlignment, cfFlexDirection, cfFlexWrap, cfMargin, cfPadding, cfBackgroundColor, cfWidth, cfHeight, cfMaxWidth, cfBorder, cfBorderRadius, cfGap, cfBackgroundImageUrl, cfBackgroundImageOptions, cfFontSize, cfFontWeight, cfImageOptions, cfLineHeight, cfLetterSpacing, cfTextColor, cfTextAlign, cfTextTransform, cfTextBold, cfTextItalic, cfTextUnderline, cfColumnSpan, }) => {
|
|
333
333
|
return {
|
|
334
334
|
margin: cfMargin,
|
|
335
335
|
padding: cfPadding,
|
|
@@ -339,6 +339,7 @@ const buildCfStyles = ({ cfHorizontalAlignment, cfVerticalAlignment, cfFlexDirec
|
|
|
339
339
|
maxWidth: cfMaxWidth,
|
|
340
340
|
...transformGridColumn(cfColumnSpan),
|
|
341
341
|
...transformBorderStyle(cfBorder),
|
|
342
|
+
borderRadius: cfBorderRadius,
|
|
342
343
|
gap: cfGap,
|
|
343
344
|
...transformAlignment(cfHorizontalAlignment, cfVerticalAlignment, cfFlexDirection),
|
|
344
345
|
flexDirection: cfFlexDirection,
|
|
@@ -704,6 +705,13 @@ const builtInStyles = {
|
|
|
704
705
|
description: 'The border of the section',
|
|
705
706
|
defaultValue: '0px solid rgba(0, 0, 0, 0)',
|
|
706
707
|
},
|
|
708
|
+
cfBorderRadius: {
|
|
709
|
+
displayName: 'Border Radius',
|
|
710
|
+
type: 'Text',
|
|
711
|
+
group: 'style',
|
|
712
|
+
description: 'The border radius of the section',
|
|
713
|
+
defaultValue: '0px',
|
|
714
|
+
},
|
|
707
715
|
cfGap: {
|
|
708
716
|
displayName: 'Gap',
|
|
709
717
|
type: 'Text',
|
|
@@ -993,6 +1001,7 @@ const builtInStylesWithDesignTokens = [
|
|
|
993
1001
|
'cfHeight',
|
|
994
1002
|
'cfBackgroundColor',
|
|
995
1003
|
'cfBorder',
|
|
1004
|
+
'cfBorderRadius',
|
|
996
1005
|
'cfFontSize',
|
|
997
1006
|
'cfLineHeight',
|
|
998
1007
|
'cfLetterSpacing',
|
|
@@ -1741,6 +1750,7 @@ const CF_STYLE_ATTRIBUTES = [
|
|
|
1741
1750
|
'cfFlexDirection',
|
|
1742
1751
|
'cfFlexWrap',
|
|
1743
1752
|
'cfBorder',
|
|
1753
|
+
'cfBorderRadius',
|
|
1744
1754
|
'cfGap',
|
|
1745
1755
|
'cfFontSize',
|
|
1746
1756
|
'cfFontWeight',
|