pds-dev-kit-web-test 2.7.345 → 2.7.347

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js

@@ -157,12 +157,15 @@ var S_ProgressDesign5 = styled_components_1.default.div(templateObject_5 || (tem
     var barColor = _a.barColor;
     return barColor;
 });
-var S_ProgressDesign6 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])), function (_a) {
-    var bgColor = _a.bgColor;
-    return bgColor;
-}, function (props) { return SIZE_ENUM_TO_NUM_BAR[props.size].width; }, function (props) { return SIZE_ENUM_TO_NUM_BAR[props.size].height; }, function (_a) {
+var S_ProgressDesign6 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: ", ";\n    border-radius: 3px;\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: ", ";\n    border-radius: 3px;\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])), function (_a) {
+    var barColor = _a.barColor;
+    return barColor;
+}, function (props) { return SIZE_ENUM_TO_NUM_BAR[props.size].width; }, function (_a) {
     var bgColor = _a.bgColor;
     return bgColor;
+}, function (props) { return SIZE_ENUM_TO_NUM_BAR[props.size].height; }, function (_a) {
+    var barColor = _a.barColor;
+    return barColor;
 });
 var S_ProgressDesign7 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: ", ";\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: ", ";\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])), function (_a) {
     var barColor = _a.barColor;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js

@@ -27,14 +27,14 @@ function getStyle(value) {
     }
 }
 function getItemSpacing(value) {
-    var NORMAL = 30;
+    var NORMAL = 16;
     switch (value) {
         case 'WIDE':
-            return 50;
+            return 24;
         case 'NORMAL':
             return NORMAL;
         case 'NARROW':
-            return 10;
+            return 8;
         default:
             return NORMAL;
     }

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js

@@ -87,14 +87,14 @@ var ProgressDesign8 = function (_a) {
 exports.ProgressDesign8 = ProgressDesign8;
 var SIZE_ENUM_TO_NUM_CIRCLE = {
     SMALL: {
-        width: 24,
-        height: 25,
-        fontSize: 8
+        width: 30,
+        height: 30,
+        fontSize: 12
     },
     MEDIUM: {
-        width: 36,
-        height: 36,
-        fontSize: 12
+        width: 40,
+        height: 40,
+        fontSize: 14
     },
     LARGE: {
         width: 48,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.345",
+  "version": "2.7.347",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",