@qn-pandora/pandora-component 5.1.1 → 5.1.2

package/lib/components/Menu/style.less

@@ -1,18 +1,18 @@
-@import 'antd/lib/menu/style/index.less';
-@import '../../style/theme.less';
-
-.@{ant-prefix}-menu-vertical.@{ant-prefix}-menu-sub:not([class*='-active']),
-.@{ant-prefix}-menu-vertical-left.@{ant-prefix}-menu-sub:not([class*='-active']),
-.@{ant-prefix}-menu-vertical-right.@{ant-prefix}-menu-sub:not([class*='-active']) {
-  max-height: 320px;
-}
-.@{ant-prefix}-menu-item {
-  .@{sdk-prefix}-menu-item-a {
-    color: @font-color-7;
-  }
-}
-.@{ant-prefix}-menu-horizontal
-  > .@{ant-prefix}-menu-item
-  .@{sdk-prefix}-menu-item-a {
-  color: @font-color-7;
-}
+@import 'antd/lib/menu/style/index.less';
+@import '../../style/theme.less';
+
+.@{ant-prefix}-menu-vertical.@{ant-prefix}-menu-sub:not([class*='-active']),
+.@{ant-prefix}-menu-vertical-left.@{ant-prefix}-menu-sub:not([class*='-active']),
+.@{ant-prefix}-menu-vertical-right.@{ant-prefix}-menu-sub:not([class*='-active']) {
+  max-height: 320px;
+}
+.@{ant-prefix}-menu-item {
+  .@{sdk-prefix}-menu-item-a {
+    color: @font-color-7;
+  }
+}
+.@{ant-prefix}-menu-horizontal
+  > .@{ant-prefix}-menu-item
+  .@{sdk-prefix}-menu-item-a {
+  color: @font-color-7;
+}

package/lib/components/Modal/style.css

@@ -217,7 +217,7 @@
   color: #f0a818;
 }
 .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
   color: #20c997;

package/lib/components/Modal/style.less

@@ -1,30 +1,30 @@
-@import 'antd/lib/modal/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-modal {
-  .@{ant-prefix}-modal-header {
-    border-color: @modal-header-border-color;
-  }
-  .@{ant-prefix}-modal-body {
-    max-height: 70vh;
-    overflow-y: auto;
-    background: @normal-color;
-    padding: 0px 60px;
-    padding-top: 24px;
-    border-radius: 0 0 2px 2px;
-  }
-  .@{ant-prefix}-modal-footer {
-    border: none;
-    padding: 32px 24px 24px 24px;
-    .@{ant-prefix}-btn {
-      min-width: 60px;
-      height: 32px;
-      margin-left: 12px;
-      font-size: 14px;
-      color: @text-color;
-    }
-    .@{ant-prefix}-btn-primary {
-      color: @normal-color;
-    }
-  }
-}
+@import 'antd/lib/modal/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-modal {
+  .@{ant-prefix}-modal-header {
+    border-color: @modal-header-border-color;
+  }
+  .@{ant-prefix}-modal-body {
+    max-height: 70vh;
+    overflow-y: auto;
+    background: @normal-color;
+    padding: 0px 60px;
+    padding-top: 24px;
+    border-radius: 0 0 2px 2px;
+  }
+  .@{ant-prefix}-modal-footer {
+    border: none;
+    padding: 32px 24px 24px 24px;
+    .@{ant-prefix}-btn {
+      min-width: 60px;
+      height: 32px;
+      margin-left: 12px;
+      font-size: 14px;
+      color: @text-color;
+    }
+    .@{ant-prefix}-btn-primary {
+      color: @normal-color;
+    }
+  }
+}

package/lib/components/NameExplainTooltip/style.css

@@ -5,5 +5,5 @@
 }
 .pandora-sdk-name-explain-icon:hover,
 .pandora-sdk-name-explain-icon .ant-tooltip-open {
-  color: #2c6dd2;
+  color: #436bff;
 }

package/lib/components/NameExplainTooltip/style.less

@@ -1,10 +1,10 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-name-explain-icon {
-  color: @icon-color;
-  transition: color 0.3s;
-  &:hover,
-  .@{ant-prefix}-tooltip-open {
-    color: @theme-color;
-  }
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-name-explain-icon {
+  color: @icon-color;
+  transition: color 0.3s;
+  &:hover,
+  .@{ant-prefix}-tooltip-open {
+    color: @theme-color;
+  }
+}

package/lib/components/NameLimiter/style.less

@@ -1,19 +1,19 @@
-@import 'antd/lib/tooltip/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-name-limit {
-  max-width: 100%;
-  display: inline-block;
-  vertical-align: top;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.@{sdk-prefix}-name-limit-tooltip {
-  .@{ant-prefix}-tooltip-inner {
-    max-width: 400px;
-    max-height: 200px;
-    overflow: auto;
-  }
-}
+@import 'antd/lib/tooltip/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-name-limit {
+  max-width: 100%;
+  display: inline-block;
+  vertical-align: top;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.@{sdk-prefix}-name-limit-tooltip {
+  .@{ant-prefix}-tooltip-inner {
+    max-width: 400px;
+    max-height: 200px;
+    overflow: auto;
+  }
+}

package/lib/components/OptionList/InlineOptionList/style.css

@@ -139,5 +139,5 @@
   margin-right: 12px;
 }
 .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
-  color: #2c6dd2;
+  color: #436bff;
 }

package/lib/components/OptionList/InlineOptionList/style.less

@@ -1,16 +1,16 @@
-@import 'antd/lib/divider/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-popover-inline-list {
-  display: inline-block;
-  vertical-align: middle;
-
-  .@{sdk-prefix}-popover-inline-item {
-    display: inline-block;
-    height: 100%;
-    margin-right: 12px;
-    i {
-      color: @theme-color;
-    }
-  }
-}
+@import 'antd/lib/divider/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-popover-inline-list {
+  display: inline-block;
+  vertical-align: middle;
+
+  .@{sdk-prefix}-popover-inline-item {
+    display: inline-block;
+    height: 100%;
+    margin-right: 12px;
+    i {
+      color: @theme-color;
+    }
+  }
+}

package/lib/components/OptionList/OptionItem/style.css

@@ -291,7 +291,7 @@
   text-align: right;
 }
 .pandora-sdk-item {
-  color: #2c6dd2;
+  color: #436bff;
   cursor: pointer;
 }
 .pandora-sdk-item > .anticon {
@@ -306,7 +306,7 @@
   color: #bfbfbf;
 }
 .pandora-sdk-item.pandora-sdk-active {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .pandora-sdk-item a {
   color: inherit;

package/lib/components/OptionList/OptionItem/style.less

@@ -1,25 +1,25 @@
-@import 'antd/lib/tooltip/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-item {
-  color: @theme-color;
-  cursor: pointer;
-  & > .anticon {
-    color: inherit;
-  }
-  &.@{sdk-prefix}-disabled {
-    color: @font-disable-color-2;
-    cursor: not-allowed;
-    pointer-events: none;
-    .anticon {
-      color: @font-disable-color-2;
-    }
-  }
-  &.@{sdk-prefix}-active {
-    background: @select-popover-hover-color;
-  }
-  a {
-    color: inherit;
-    cursor: inherit;
-  }
-}
+@import 'antd/lib/tooltip/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-item {
+  color: @theme-color;
+  cursor: pointer;
+  & > .anticon {
+    color: inherit;
+  }
+  &.@{sdk-prefix}-disabled {
+    color: @font-disable-color-2;
+    cursor: not-allowed;
+    pointer-events: none;
+    .anticon {
+      color: @font-disable-color-2;
+    }
+  }
+  &.@{sdk-prefix}-active {
+    background: @select-popover-hover-color;
+  }
+  a {
+    color: inherit;
+    cursor: inherit;
+  }
+}

package/lib/components/OptionList/PopoverOptionList/style.css

@@ -354,7 +354,7 @@
 .pandora-sdk-popover-item {
   display: inline-block;
   line-height: 18px;
-  color: #2c6dd2;
+  color: #436bff;
   vertical-align: middle;
   cursor: pointer;
 }
@@ -371,8 +371,8 @@
   padding: 0 16px;
 }
 .pandora-sdk-popover-list .pandora-sdk-item:hover {
-  background: rgba(44, 109, 210, 0.05);
-  color: #2c6dd2;
+  background: rgba(67, 107, 255, 0.05);
+  color: #436bff;
 }
 .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
   color: #bfbfbf;

package/lib/components/OptionList/PopoverOptionList/style.less

@@ -1,30 +1,30 @@
-@import 'antd/lib/popover/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-popover-item {
-  display: inline-block;
-  line-height: 18px;
-  color: @theme-color;
-  vertical-align: middle;
-  cursor: pointer;
-}
-
-.@{sdk-prefix}-popover-list {
-  min-width: 120px;
-  padding: 4px 0;
-  line-height: 32px;
-  text-align: center;
-  font-size: 12px;
-  .@{sdk-prefix}-item {
-    color: @heading-color;
-    display: block;
-    padding: 0 16px;
-    &:hover {
-      background: @select-popover-hover-color;
-      color: @theme-color;
-    }
-  }
-  .@{sdk-prefix}-item.@{sdk-prefix}-disabled {
-    color: @font-disable-color-2;
-  }
-}
+@import 'antd/lib/popover/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-popover-item {
+  display: inline-block;
+  line-height: 18px;
+  color: @theme-color;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.@{sdk-prefix}-popover-list {
+  min-width: 120px;
+  padding: 4px 0;
+  line-height: 32px;
+  text-align: center;
+  font-size: 12px;
+  .@{sdk-prefix}-item {
+    color: @heading-color;
+    display: block;
+    padding: 0 16px;
+    &:hover {
+      background: @select-popover-hover-color;
+      color: @theme-color;
+    }
+  }
+  .@{sdk-prefix}-item.@{sdk-prefix}-disabled {
+    color: @font-disable-color-2;
+  }
+}

package/lib/components/OptionList/style.css

@@ -139,7 +139,7 @@
   margin-right: 12px;
 }
 .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tooltip {
   -webkit-box-sizing: border-box;
@@ -430,7 +430,7 @@
   text-align: right;
 }
 .pandora-sdk-item {
-  color: #2c6dd2;
+  color: #436bff;
   cursor: pointer;
 }
 .pandora-sdk-item > .anticon {
@@ -445,7 +445,7 @@
   color: #bfbfbf;
 }
 .pandora-sdk-item.pandora-sdk-active {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .pandora-sdk-item a {
   color: inherit;
@@ -803,7 +803,7 @@
 .pandora-sdk-popover-item {
   display: inline-block;
   line-height: 18px;
-  color: #2c6dd2;
+  color: #436bff;
   vertical-align: middle;
   cursor: pointer;
 }
@@ -820,8 +820,8 @@
   padding: 0 16px;
 }
 .pandora-sdk-popover-list .pandora-sdk-item:hover {
-  background: rgba(44, 109, 210, 0.05);
-  color: #2c6dd2;
+  background: rgba(67, 107, 255, 0.05);
+  color: #436bff;
 }
 .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
   color: #bfbfbf;

package/lib/components/OptionList/style.less

@@ -1,3 +1,3 @@
-@import './InlineOptionList/style.less';
-@import './OptionItem/style.less';
-@import './PopoverOptionList/style.less';
+@import './InlineOptionList/style.less';
+@import './OptionItem/style.less';
+@import './PopoverOptionList/style.less';

package/lib/components/RadioGroup/style.css

@@ -79,11 +79,11 @@
 .ant-radio-wrapper:hover .ant-radio,
 .ant-radio:hover .ant-radio-inner,
 .ant-radio-input:focus + .ant-radio-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-radio-input:focus + .ant-radio-inner {
-  -webkit-box-shadow: 0 0 0 3px #2c6dd2;
-          box-shadow: 0 0 0 3px #2c6dd2;
+  -webkit-box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
+          box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
 }
 .ant-radio-checked::after {
   position: absolute;
@@ -91,7 +91,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #2c6dd2;
+  border: 1px solid #436bff;
   border-radius: 50%;
   visibility: hidden;
   -webkit-animation: antRadioEffect 0.36s ease-in-out;
@@ -128,7 +128,7 @@
   height: 16px;
   margin-top: -8px;
   margin-left: -8px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
   border-top: 0;
   border-left: 0;
   border-radius: 16px;
@@ -153,7 +153,7 @@
   border-color: #e5e5e5;
 }
 .ant-radio-checked .ant-radio-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-radio-checked .ant-radio-inner::after {
   -webkit-transform: scale(0.5);
@@ -250,11 +250,11 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper:hover {
   position: relative;
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-radio-button-wrapper:focus-within {
-  -webkit-box-shadow: 0 0 0 3px #2c6dd2;
-          box-shadow: 0 0 0 3px #2c6dd2;
+  -webkit-box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
+          box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
 }
 .ant-radio-button-wrapper .ant-radio-inner,
 .ant-radio-button-wrapper input[type='checkbox'],
@@ -266,52 +266,52 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   z-index: 1;
-  color: #2c6dd2;
+  color: #436bff;
   background: #ffffff;
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  background-color: #2c6dd2;
+  background-color: #436bff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
-  color: #2c6dd2;
-  border-color: #2c6dd2;
+  color: #436bff;
+  border-color: #436bff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
-  background-color: #2c6dd2;
+  background-color: #436bff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
-  color: #2c6dd2;
-  border-color: #2c6dd2;
+  color: #436bff;
+  border-color: #436bff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
-  background-color: #2c6dd2;
+  background-color: #436bff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px #2c6dd2;
-          box-shadow: 0 0 0 3px #2c6dd2;
+  -webkit-box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
+          box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   color: #ffffff;
-  background: #2c6dd2;
-  border-color: #2c6dd2;
+  background: #436bff;
+  border-color: #436bff;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: #ffffff;
-  background: #2c6dd2;
-  border-color: #2c6dd2;
+  background: #436bff;
+  border-color: #436bff;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
   color: #ffffff;
-  background: #2c6dd2;
-  border-color: #2c6dd2;
+  background: #436bff;
+  border-color: #436bff;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px #2c6dd2;
-          box-shadow: 0 0 0 3px #2c6dd2;
+  -webkit-box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
+          box-shadow: 0 0 0 3px rgba(67, 107, 255, 0.08);
 }
 .ant-radio-button-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -380,7 +380,7 @@ span.ant-radio + * {
   border-radius: 0 2px 2px 0;
 }
 .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
-  border-right-color: #2c6dd2;
+  border-right-color: #436bff;
 }
 .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
   border-radius: 2px 0 0 2px;
@@ -409,8 +409,8 @@ span.ant-radio + * {
           box-sizing: border-box;
 }
 .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
-  background-color: #2c6dd2;
+  background-color: #436bff;
 }

package/lib/components/RadioGroup/style.less

@@ -1,41 +1,41 @@
-@import 'antd/lib/radio/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-solid-radio-group {
-  .@{ant-prefix}-radio-button-wrapper:not(.@{sdk-prefix}-solid-radio-group
-      .@{ant-prefix}-radio-button-wrapper-checked) {
-    &::before {
-      background-color: @border-color-2;
-    }
-  }
-  .@{ant-prefix}-radio-button-wrapper {
-    padding: 0 12px;
-    &:not(&-checked) {
-      border-color: @input-border-color;
-    }
-    &:focus-within {
-      box-shadow: unset;
-    }
-  }
-
-  .@{ant-prefix}-radio {
-    &:not(&-checked) {
-      .@{ant-prefix}-radio-inner {
-        border-color: @input-border-color;
-      }
-    }
-
-    .@{ant-prefix}-radio-inner {
-      box-sizing: border-box;
-    }
-
-    .@{ant-prefix}-radio-checked {
-      .@{ant-prefix}-radio-inner {
-        border-color: @theme-color;
-        &::after {
-          background-color: @theme-color;
-        }
-      }
-    }
-  }
-}
+@import 'antd/lib/radio/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-solid-radio-group {
+  .@{ant-prefix}-radio-button-wrapper:not(.@{sdk-prefix}-solid-radio-group
+      .@{ant-prefix}-radio-button-wrapper-checked) {
+    &::before {
+      background-color: @border-color-2;
+    }
+  }
+  .@{ant-prefix}-radio-button-wrapper {
+    padding: 0 12px;
+    &:not(&-checked) {
+      border-color: @input-border-color;
+    }
+    &:focus-within {
+      box-shadow: unset;
+    }
+  }
+
+  .@{ant-prefix}-radio {
+    &:not(&-checked) {
+      .@{ant-prefix}-radio-inner {
+        border-color: @input-border-color;
+      }
+    }
+
+    .@{ant-prefix}-radio-inner {
+      box-sizing: border-box;
+    }
+
+    .@{ant-prefix}-radio-checked {
+      .@{ant-prefix}-radio-inner {
+        border-color: @theme-color;
+        &::after {
+          background-color: @theme-color;
+        }
+      }
+    }
+  }
+}