@ceed/cds 0.0.89 → 0.0.90
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/framer/index.js +51 -52
- package/package.json +1 -1
package/framer/index.js
CHANGED
|
@@ -44557,7 +44557,56 @@ var withCommonControls = (Component) => {
|
|
|
44557
44557
|
"useResponsiveMargin",
|
|
44558
44558
|
"responsiveMargin"
|
|
44559
44559
|
]);
|
|
44560
|
-
const components = [
|
|
44560
|
+
const components = [
|
|
44561
|
+
{
|
|
44562
|
+
Component,
|
|
44563
|
+
props: __spreadProps(__spreadValues({}, props), {
|
|
44564
|
+
sx: (() => {
|
|
44565
|
+
let styles2 = {};
|
|
44566
|
+
if (useResponsiveMargin) {
|
|
44567
|
+
styles2 = __spreadProps(__spreadValues({}, styles2), {
|
|
44568
|
+
margin: {
|
|
44569
|
+
xs: !responsiveMargin.xsMixed ? responsiveMargin.xs : void 0,
|
|
44570
|
+
sm: !responsiveMargin.smMixed ? responsiveMargin.sm : void 0,
|
|
44571
|
+
md: !responsiveMargin.mdMixed ? responsiveMargin.md : void 0,
|
|
44572
|
+
lg: !responsiveMargin.lgMixed ? responsiveMargin.lg : void 0,
|
|
44573
|
+
xl: !responsiveMargin.xlMixed ? responsiveMargin.xl : void 0
|
|
44574
|
+
},
|
|
44575
|
+
marginLeft: {
|
|
44576
|
+
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginLeft,
|
|
44577
|
+
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginLeft,
|
|
44578
|
+
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginLeft,
|
|
44579
|
+
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginLeft,
|
|
44580
|
+
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginLeft
|
|
44581
|
+
},
|
|
44582
|
+
marginRight: {
|
|
44583
|
+
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginRight,
|
|
44584
|
+
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginRight,
|
|
44585
|
+
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginRight,
|
|
44586
|
+
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginRight,
|
|
44587
|
+
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginRight
|
|
44588
|
+
},
|
|
44589
|
+
marginTop: {
|
|
44590
|
+
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginTop,
|
|
44591
|
+
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginTop,
|
|
44592
|
+
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginTop,
|
|
44593
|
+
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginTop,
|
|
44594
|
+
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginTop
|
|
44595
|
+
},
|
|
44596
|
+
marginBottom: {
|
|
44597
|
+
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginBottom,
|
|
44598
|
+
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginBottom,
|
|
44599
|
+
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginBottom,
|
|
44600
|
+
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginBottom,
|
|
44601
|
+
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginBottom
|
|
44602
|
+
}
|
|
44603
|
+
});
|
|
44604
|
+
}
|
|
44605
|
+
return styles2;
|
|
44606
|
+
})()
|
|
44607
|
+
})
|
|
44608
|
+
}
|
|
44609
|
+
];
|
|
44561
44610
|
if (useNumbering) {
|
|
44562
44611
|
components.push({
|
|
44563
44612
|
Component: Badge_default,
|
|
@@ -44575,57 +44624,7 @@ var withCommonControls = (Component) => {
|
|
|
44575
44624
|
});
|
|
44576
44625
|
}
|
|
44577
44626
|
return components.reduce((acc, { Component: Component2, props: props2 }) => {
|
|
44578
|
-
return [
|
|
44579
|
-
React184.createElement(
|
|
44580
|
-
Component2,
|
|
44581
|
-
__spreadProps(__spreadValues({}, props2), {
|
|
44582
|
-
sx: (() => {
|
|
44583
|
-
let styles2 = {};
|
|
44584
|
-
if (useResponsiveMargin) {
|
|
44585
|
-
styles2 = __spreadProps(__spreadValues({}, styles2), {
|
|
44586
|
-
margin: {
|
|
44587
|
-
xs: !responsiveMargin.xsMixed ? responsiveMargin.xs : void 0,
|
|
44588
|
-
sm: !responsiveMargin.smMixed ? responsiveMargin.sm : void 0,
|
|
44589
|
-
md: !responsiveMargin.mdMixed ? responsiveMargin.md : void 0,
|
|
44590
|
-
lg: !responsiveMargin.lgMixed ? responsiveMargin.lg : void 0,
|
|
44591
|
-
xl: !responsiveMargin.xlMixed ? responsiveMargin.xl : void 0
|
|
44592
|
-
},
|
|
44593
|
-
marginLeft: {
|
|
44594
|
-
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginLeft,
|
|
44595
|
-
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginLeft,
|
|
44596
|
-
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginLeft,
|
|
44597
|
-
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginLeft,
|
|
44598
|
-
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginLeft
|
|
44599
|
-
},
|
|
44600
|
-
marginRight: {
|
|
44601
|
-
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginRight,
|
|
44602
|
-
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginRight,
|
|
44603
|
-
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginRight,
|
|
44604
|
-
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginRight,
|
|
44605
|
-
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginRight
|
|
44606
|
-
},
|
|
44607
|
-
marginTop: {
|
|
44608
|
-
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginTop,
|
|
44609
|
-
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginTop,
|
|
44610
|
-
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginTop,
|
|
44611
|
-
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginTop,
|
|
44612
|
-
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginTop
|
|
44613
|
-
},
|
|
44614
|
-
marginBottom: {
|
|
44615
|
-
xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginBottom,
|
|
44616
|
-
sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginBottom,
|
|
44617
|
-
md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginBottom,
|
|
44618
|
-
lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginBottom,
|
|
44619
|
-
xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginBottom
|
|
44620
|
-
}
|
|
44621
|
-
});
|
|
44622
|
-
}
|
|
44623
|
-
return styles2;
|
|
44624
|
-
})()
|
|
44625
|
-
}),
|
|
44626
|
-
...acc
|
|
44627
|
-
)
|
|
44628
|
-
];
|
|
44627
|
+
return [React184.createElement(Component2, props2, ...acc)];
|
|
44629
44628
|
}, []);
|
|
44630
44629
|
};
|
|
44631
44630
|
};
|