pds-dev-kit-web-test 2.5.666 → 2.5.668
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/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useFlexGridLayout.js +12 -12
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBorder.js +0 -2
- package/package.json +1 -1
@@ -78,18 +78,18 @@ var useFlexGridLayout = function (_a) {
|
|
78
78
|
var ccbCenterX = ccbLeft + ccbWidth / 2;
|
79
79
|
var ccbCenterY = ccbTop + ccbHeight / 2;
|
80
80
|
var positions = {
|
81
|
-
OUTSET1: { top:
|
82
|
-
OUTSET2: { top:
|
83
|
-
OUTSET3: { top:
|
84
|
-
OUTSET4: { top: ccbTop, right:
|
85
|
-
OUTSET5: { top: "".concat(ccbCenterY, "px"), right:
|
86
|
-
OUTSET6: { bottom: ccbBottom, right:
|
87
|
-
OUTSET7: { bottom:
|
88
|
-
OUTSET8: { bottom:
|
89
|
-
OUTSET9: { bottom:
|
90
|
-
OUTSET10: { bottom: ccbBottom, left:
|
91
|
-
OUTSET11: { top: "".concat(ccbCenterY, "px"), left:
|
92
|
-
OUTSET12: { top: ccbTop, left:
|
81
|
+
OUTSET1: { top: -50, left: ccbLeft },
|
82
|
+
OUTSET2: { top: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
|
83
|
+
OUTSET3: { top: -50, right: ccbRight },
|
84
|
+
OUTSET4: { top: ccbTop, right: 50 },
|
85
|
+
OUTSET5: { top: "".concat(ccbCenterY, "px"), right: 50, transform: 'translateY(-50%)' },
|
86
|
+
OUTSET6: { bottom: ccbBottom, right: 50 },
|
87
|
+
OUTSET7: { bottom: -50, right: ccbRight },
|
88
|
+
OUTSET8: { bottom: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
|
89
|
+
OUTSET9: { bottom: -50, left: ccbLeft },
|
90
|
+
OUTSET10: { bottom: ccbBottom, left: -50 },
|
91
|
+
OUTSET11: { top: "".concat(ccbCenterY, "px"), left: -50, transform: 'translateY(-50%)' },
|
92
|
+
OUTSET12: { top: ccbTop, left: -50 },
|
93
93
|
INSET1: { top: ccbTop + GAP, left: ccbLeft + GAP },
|
94
94
|
INSET2: { top: ccbTop + GAP, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
|
95
95
|
INSET3: { top: ccbTop + GAP, right: ccbRight + GAP },
|
@@ -180,7 +180,7 @@ function getMediaType(isMobile, specs) {
|
|
180
180
|
var S_CustomBackgroundWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 0;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n z-index: -2;\n"], ["\n align-items: center;\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 0;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n z-index: -2;\n"])));
|
181
181
|
var S_Overlay = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n"], ["\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n"])));
|
182
182
|
var S_ContentsListLayout = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n position: relative;\n width: 100%;\n"], ["\n height: 100%;\n margin: 0 auto;\n position: relative;\n width: 100%;\n"])));
|
183
|
-
var S_ContentsListWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n bottom: ", ";\n display: grid;\n left: ", ";\n /* position: absolute; */\n overflow: visible;\n position: relative;\n right: ", ";\n\n ", ";\n ", ";\n top: ", ";\n"], ["\n bottom: ", ";\n display: grid;\n left: ", ";\n /* position: absolute; */\n overflow: visible;\n position: relative;\n right: ", ";\n\n ", ";\n ", ";\n top: ", ";\n"])), function (_a) {
|
183
|
+
var S_ContentsListWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n bottom: ", ";\n display: grid;\n left: ", ";\n /* position: absolute; */\n overflow: visible !important;\n position: relative;\n right: ", ";\n\n ", ";\n ", ";\n top: ", ";\n"], ["\n bottom: ", ";\n display: grid;\n left: ", ";\n /* position: absolute; */\n overflow: visible !important;\n position: relative;\n right: ", ";\n\n ", ";\n ", ";\n top: ", ";\n"])), function (_a) {
|
184
184
|
var ccbInset = _a.ccbInset;
|
185
185
|
return ccbInset.bottom;
|
186
186
|
}, function (_a) {
|
@@ -84,9 +84,9 @@ var useFlexGridLayout = function (_a) {
|
|
84
84
|
OUTSET4: { top: ccbTop, right: 50 },
|
85
85
|
OUTSET5: { top: "".concat(ccbCenterY, "px"), right: 50, transform: 'translateY(-50%)' },
|
86
86
|
OUTSET6: { bottom: ccbBottom, right: 50 },
|
87
|
-
OUTSET7: { bottom: 50, right: ccbRight },
|
88
|
-
OUTSET8: { bottom: 50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
|
89
|
-
OUTSET9: { bottom: 50, left: ccbLeft },
|
87
|
+
OUTSET7: { bottom: -50, right: ccbRight },
|
88
|
+
OUTSET8: { bottom: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
|
89
|
+
OUTSET9: { bottom: -50, left: ccbLeft },
|
90
90
|
OUTSET10: { bottom: ccbBottom, left: -50 },
|
91
91
|
OUTSET11: { top: "".concat(ccbCenterY, "px"), left: -50, transform: 'translateY(-50%)' },
|
92
92
|
OUTSET12: { top: ccbTop, left: -50 },
|
@@ -27,8 +27,6 @@ function parseStylePropBorder(namedProps, device) {
|
|
27
27
|
var value = specs[baseKey];
|
28
28
|
var hoverValue = specs["".concat(baseKey, ":HOVER")];
|
29
29
|
var isRadius = cssPropertyKey === 'borderRadius';
|
30
|
-
console.log(cur, value);
|
31
|
-
console.log('namedProps', namedProps);
|
32
30
|
if (value === null || value === undefined) {
|
33
31
|
return acc;
|
34
32
|
}
|