@qn-pandora/pandora-component 3.1.1 → 4.0.1

package/lib/components/NameLimiter/style.css

@@ -277,9 +277,7 @@
   overflow: hidden;
 }
 .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
-  max-width: 400px !important;
-  max-height: 200px !important;
+  max-width: 400px;
+  max-height: 200px;
   overflow: auto;
-  line-height: 22px;
-  font-size: 12px;
 }

package/lib/components/NameLimiter/style.less

@@ -1,21 +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 !important;
-    max-height: 200px !important;
-    overflow: auto;
-    line-height: 22px;
-    font-size: 12px;
-  }
-}
+@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.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

@@ -287,6 +287,6 @@
   background: rgba(44, 109, 210, 0.05);
 }
 .pandora-sdk-item a {
-  color: inherit !important;
-  cursor: inherit !important;
+  color: inherit;
+  cursor: 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 !important;
-    cursor: inherit !important;
-  }
-}
+@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.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

@@ -413,8 +413,8 @@
   background: rgba(44, 109, 210, 0.05);
 }
 .pandora-sdk-item a {
-  color: inherit !important;
-  cursor: inherit !important;
+  color: inherit;
+  cursor: inherit;
 }
 .ant-popover {
   -webkit-box-sizing: border-box;

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

@@ -75,8 +75,8 @@
   border-color: #2c6dd2;
 }
 .ant-radio-input:focus + .ant-radio-inner {
-  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
-          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+  -webkit-box-shadow: 0 0 0 3px #ccd3d9;
+          box-shadow: 0 0 0 3px #ccd3d9;
 }
 .ant-radio-checked::after {
   position: absolute;
@@ -242,8 +242,8 @@ span.ant-radio + * {
   color: #2c6dd2;
 }
 .ant-radio-button-wrapper:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
-          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+  -webkit-box-shadow: 0 0 0 3px #ccd3d9;
+          box-shadow: 0 0 0 3px #ccd3d9;
 }
 .ant-radio-button-wrapper .ant-radio-inner,
 .ant-radio-button-wrapper input[type='checkbox'],
@@ -280,8 +280,8 @@ span.ant-radio + * {
   background-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
-          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+  -webkit-box-shadow: 0 0 0 3px #ccd3d9;
+          box-shadow: 0 0 0 3px #ccd3d9;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   color: #ffffff;
@@ -299,8 +299,8 @@ span.ant-radio + * {
   border-color: #2c6dd2;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
-          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+  -webkit-box-shadow: 0 0 0 3px #ccd3d9;
+          box-shadow: 0 0 0 3px #ccd3d9;
 }
 .ant-radio-button-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);

package/lib/components/RadioGroup/style.less

@@ -1,32 +1,32 @@
-@import 'antd/lib/radio/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-solid-radio-group {
-  .@{ant-prefix}-radio-button-wrapper {
-    padding: 0 12px;
-    &:not(&-checked) {
-      border-color: @input-border-color;
-    }
-  }
-
-  .@{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 {
+    padding: 0 12px;
+    &:not(&-checked) {
+      border-color: @input-border-color;
+    }
+  }
+
+  .@{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;
+        }
+      }
+    }
+  }
+}