@fonixtree/magic-design 2.0.216 → 2.0.221

package/lib/composite-comp/dito/config-panels/GroupedCarouselConfig/ConfigGroup/index.js

@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/GroupedCarousel/defaultJSON");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+require("./index.less");
+
 var _locale = require("../../../../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/composite-comp/dito/config-panels/GroupedCarouselConfig/ConfigGroup/index.less

@@ -0,0 +1,16 @@
+.group_wrap {
+  margin-bottom: 20px;
+
+  .node_list {
+    margin-bottom: 12px;
+
+    .notice {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: #232F46;
+    }
+  }
+}

package/lib/composite-comp/dito/config-panels/HeadNavigationConfig/GroupList/index.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+require("./index.less");
+
 var _common = require("../../../../../common");
 
 var _commonUtil = require("../../../../../utils/commonUtil");

package/lib/composite-comp/dito/config-panels/HeadNavigationConfig/GroupList/index.less

@@ -0,0 +1,72 @@
+.group_list {
+  margin-bottom: 12px;
+
+  .group_item {
+    position: relative;
+    display: flex;
+    padding: 12px;
+    border-radius: 8px;
+    justify-content: space-between;
+    cursor: move;
+
+    &::after {
+      content: ' ';
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      left: 0;
+      height: 1px;
+      background-color: #EDF0F4;
+    }
+
+    .left {
+      display: flex;
+      align-items: center;
+
+      .middle_info {
+        width: 260px;
+
+        .card_wrap {
+          display: flex;
+          align-items: center;
+          height: 40px;
+
+          img {
+            height: 40px;
+            width: 40px;
+            border-radius: 8px;
+            object-fit: cover;
+            background-color: #EDF0F4;
+          }
+
+          .name {
+            margin-left: 8px;
+            font-family: 'Open Sans';
+            font-style: normal;
+            font-weight: 600;
+            font-size: 16px;
+            line-height: 24px;
+            color: #232F46;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            p {
+              margin-bottom: 0;
+            }
+          }
+        }
+      }
+    }
+
+
+    &:hover {
+      background-color: #E9F0FF;
+
+      .left {
+        .middle_info {
+          width: 200px;
+        }
+      }
+    }
+  }
+}

package/lib/composite-comp/dito/config-panels/HeadNavigationConfig/index.js

@@ -17,6 +17,8 @@ var _locale = require("../../../../locale");
 
 var _coreUtil = require("../../../../utils/coreUtil");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/lib/composite-comp/dito/config-panels/HeadNavigationConfig/index.less

@@ -0,0 +1,23 @@
+.head-navigation-config {
+    .head-navigation-display-wrap {
+        &+ .head-navigation-display-wrap {
+            margin-top: 20px;
+        }
+        .cylon-checkbox-wrapper {
+            display: flex;
+            flex-direction: row-reverse;
+            justify-content: space-between;
+            .cylon-checkbox-checked .cylon-checkbox-inner {
+                background-color: #2F54EB;
+                border-color: #2F54EB;
+            }
+            .cylon-checkbox + span {
+                flex: 1;
+                padding-left: 0;
+                color: #232F46;
+                font-size: 16px;
+                font-weight: 600;
+            }
+        }
+    }
+}

package/lib/composite-comp/dito/config-panels/MenuNavigationConfig/GroupList/index.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+require("./index.less");
+
 var _common = require("../../../../../common");
 
 var _commonUtil = require("../../../../../utils/commonUtil");

package/lib/composite-comp/dito/config-panels/MenuNavigationConfig/GroupList/index.less

@@ -0,0 +1,72 @@
+.group_list {
+  margin-bottom: 12px;
+
+  .group_item {
+    position: relative;
+    display: flex;
+    padding: 12px;
+    border-radius: 8px;
+    justify-content: space-between;
+    cursor: move;
+
+    &::after {
+      content: ' ';
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      left: 0;
+      height: 1px;
+      background-color: #EDF0F4;
+    }
+
+    .left {
+      display: flex;
+      align-items: center;
+
+      .middle_info {
+        width: 260px;
+
+        .card_wrap {
+          display: flex;
+          align-items: center;
+          height: 40px;
+
+          img {
+            height: 40px;
+            width: 40px;
+            border-radius: 8px;
+            object-fit: cover;
+            background-color: #EDF0F4;
+          }
+
+          .name {
+            margin-left: 8px;
+            font-family: 'Open Sans';
+            font-style: normal;
+            font-weight: 600;
+            font-size: 16px;
+            line-height: 24px;
+            color: #232F46;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            p {
+              margin-bottom: 0;
+            }
+          }
+        }
+      }
+    }
+
+
+    &:hover {
+      background-color: #E9F0FF;
+
+      .left {
+        .middle_info {
+          width: 200px;
+        }
+      }
+    }
+  }
+}

package/lib/composite-comp/dito/config-panels/MenuNavigationConfig/MenuNavConfigImageGroup/index.js

@@ -21,6 +21,8 @@ var _defaultJSON = require("../../../components/MenuNavigation/defaultJSON");
 
 var _locale = require("../../../../../locale");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

package/lib/composite-comp/dito/config-panels/MenuNavigationConfig/MenuNavConfigImageGroup/index.less

@@ -0,0 +1,6 @@
+.menu_navigation_source .btn_wrap {
+    .unable-btn {
+        background: #EDF0F4;
+        color: #8493AF;
+    }
+}

package/lib/composite-comp/dito/config-panels/NewsConfig/ConfigGroup/index.js

@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/News/defaultJSON");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+require("./index.less");
+
 var _locale = require("../../../../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/composite-comp/dito/config-panels/NewsConfig/ConfigGroup/index.less

@@ -0,0 +1,16 @@
+.group_wrap {
+  margin-bottom: 20px;
+
+  .node_list {
+    margin-bottom: 12px;
+
+    .notice {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: #232F46;
+    }
+  }
+}

package/lib/composite-comp/dito/config-panels/PersonalInformationConfig/ConfigDecoration/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _common = require("../../../../../common");
 
+require("./index.less");
+
 var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _ImageConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ImageConfig"));

package/lib/composite-comp/dito/config-panels/PersonalInformationConfig/ConfigDecoration/index.less

@@ -0,0 +1,9 @@
+.carousel_setting {
+
+  .collapse_wrap {
+    .header_wrap {
+      font-weight: 600 !important;
+    }
+  }
+
+}

package/lib/composite-comp/dito/config-panels/PersonalInformationSecondConfig/ConfigDecoration/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _common = require("../../../../../common");
 
+require("./index.less");
+
 var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _ImageConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ImageConfig"));

package/lib/composite-comp/dito/config-panels/PersonalInformationSecondConfig/ConfigDecoration/index.less

@@ -0,0 +1,9 @@
+.carousel_setting {
+
+  .collapse_wrap {
+    .header_wrap {
+      font-weight: 600 !important;
+    }
+  }
+
+}

package/lib/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.js

@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/Recommend/defaultJSON");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+require("./index.less");
+
 var _locale = require("../../../../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.less

@@ -0,0 +1,16 @@
+.group_wrap {
+  margin-bottom: 20px;
+
+  .node_list {
+    margin-bottom: 12px;
+
+    .notice {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: #232F46;
+    }
+  }
+}

package/lib/composite-comp/dito/config-panels/SearchBannerConfig/ConfigContent/index.js

@@ -21,6 +21,8 @@ var _locale = require("../../../../../locale");
 
 var _InputField = _interopRequireDefault(require("../../../../common/config-panels/InputField"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/composite-comp/dito/config-panels/SearchBannerConfig/ConfigContent/index.less

@@ -0,0 +1,7 @@
+.search_bar_config_box {
+  padding: 12px;
+  background-color: #F5F6F7;
+  margin-top: 16px;
+  padding-bottom: 1px;
+  border-radius: 6px;
+}

package/lib/composite-comp/dito/config-panels/SearchBannerConfig/ConfigSetting/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _common = require("../../../../../common");
 
+require("./index.less");
+
 var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _layout = require("../../../../../constants/layout");

package/lib/composite-comp/dito/config-panels/SearchBannerConfig/ConfigSetting/index.less

@@ -0,0 +1,9 @@
+.banner_setting {
+
+  .collapse_wrap {
+    .header_wrap {
+      font-weight: 600 !important;
+    }
+  }
+
+}

package/lib/composite-comp/dito/config-panels/SearchBarConfig/SearchBarConfigContent/index.js

@@ -23,6 +23,8 @@ var _locale = require("../../../../../locale");
 
 var _InputField = _interopRequireDefault(require("../../../../common/config-panels/InputField"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/composite-comp/dito/config-panels/SearchBarConfig/SearchBarConfigContent/index.less

@@ -0,0 +1,7 @@
+.search_bar_config_box {
+  padding: 12px;
+  background-color: #F5F6F7;
+  margin-top: 16px;
+  padding-bottom: 1px;
+  border-radius: 6px;
+}

package/lib/composite-comp/dito/config-panels/SearchDITOConfig/ConfigContent/index.js

@@ -23,6 +23,8 @@ var _locale = require("../../../../../locale");
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../../common/config-panels/BackgroundConfig"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/composite-comp/dito/config-panels/SearchDITOConfig/ConfigContent/index.less

@@ -0,0 +1,7 @@
+.search_dito_config_content {
+  .topLine {
+    border-top: 1px solid #EDF0F4;
+    padding-top: 20px;
+    margin-top: 5px;
+  }
+}

package/lib/composite-comp/dito/config-panels/SearchDITOConfig/ConfigSetting/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _common = require("../../../../../common");
 
+require("./index.less");
+
 var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _layout = require("../../../../../constants/layout");

package/lib/composite-comp/dito/config-panels/SearchDITOConfig/ConfigSetting/index.less

@@ -0,0 +1,9 @@
+.banner_setting {
+
+  .collapse_wrap {
+    .header_wrap {
+      font-weight: 600 !important;
+    }
+  }
+
+}

package/lib/composite-comp/dito/config-panels/SlideImageConfig/ConfigGroup/index.js

@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/SlideImage/defaultJSON");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+require("./index.less");
+
 var _locale = require("../../../../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/composite-comp/dito/config-panels/SlideImageConfig/ConfigGroup/index.less

@@ -0,0 +1,16 @@
+.group_wrap {
+  margin-bottom: 20px;
+
+  .node_list {
+    margin-bottom: 12px;
+
+    .notice {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: #232F46;
+    }
+  }
+}

package/lib/composite-comp/dito/second-config-panels/CommonFunctionsSecondConfig/index.js

@@ -45,7 +45,7 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-//
+// import './index.less';
 var CommonFunctionsSecondConfig =
 /** @class */
 function (_super) {

package/lib/composite-comp/dito/second-config-panels/NewsSecondConfig/index.js

@@ -21,6 +21,8 @@ var _coreUtil = require("../../../../utils/coreUtil");
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/lib/composite-comp/dito/second-config-panels/NewsSecondConfig/index.less

@@ -0,0 +1,8 @@
+.news_second_conf_wrap {
+  .line {
+    height: 8px;
+    background-color: #EDF0F4;
+    border-radius: 2px;
+    margin-bottom: 20px;
+  }
+}

package/lib/composite-comp/dito/second-config-panels/OrdersSecondConfig/index.js

@@ -21,6 +21,8 @@ var _index = require("../../../../constants/index");
 
 var _locale = require("../../../../locale");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/lib/composite-comp/dito/second-config-panels/PersonalInformationSecondConfig/index.js

@@ -21,6 +21,8 @@ var _locale = require("../../../../locale");
 
 var _index = require("../../../../constants/index");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/lib/composite-comp/dito/second-config-panels/PersonalInformationSecondConfig/index.less

@@ -0,0 +1,9 @@
+.personal_info_second_conf_wrap {
+
+  .sourceOfAmount {
+    border-top: 1px dashed #D2D9E5;
+    border-bottom: 1px dashed #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 10px;
+  }
+}

package/lib/composite-comp/dito/second-config-panels/PersonalInformationSecondSecondConfig/index.js

@@ -21,6 +21,8 @@ var _locale = require("../../../../locale");
 
 var _index = require("../../../../constants/index");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/lib/composite-comp/dito/second-config-panels/PersonalInformationSecondSecondConfig/index.less

@@ -0,0 +1,9 @@
+.personal_info_second_conf_wrap {
+
+  .sourceOfAmount {
+    border-top: 1px dashed #D2D9E5;
+    border-bottom: 1px dashed #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 10px;
+  }
+}

package/lib/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.js

@@ -25,6 +25,8 @@ var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-p
 
 var _coreUtil = require("../../../../utils/coreUtil");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/lib/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.less

@@ -0,0 +1,15 @@
+.recommend_second_conf_wrap {
+
+  .sourceOfProduct {
+    border-top: 1px solid #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 10px;
+
+    .greyBg {
+      background: #F5F6F7;
+      border-radius: 6px;
+      padding: 12px;
+      padding-bottom: 1px;
+    }
+  }
+}

package/lib/composite-comp/dito/second-config-panels/SearchDITOSecondConfig/index.js

@@ -23,6 +23,8 @@ var _PlayIconConfig = _interopRequireDefault(require("../../../../meta-comp/conf
 
 var _locale = require("../../../../locale");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {