@qn-pandora/pandora-component 4.1.3 → 4.1.5

package/es/components/CheckboxList/style.css

@@ -252,12 +252,6 @@
 .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
   margin-left: 8px;
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-checkbox-item {
   white-space: nowrap;
   width: 100%;

package/es/components/CheckboxList/style.less

@@ -1,11 +1,11 @@
-@import 'antd/lib/checkbox/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-checkbox-item {
-  white-space: nowrap;
-  width: 100%;
-  &.@{ant-prefix}-checkbox-wrapper {
-    margin-left: 0;
-    line-height: 25px;
-  }
-}
+@import 'antd/lib/checkbox/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-checkbox-item {
+  white-space: nowrap;
+  width: 100%;
+  &.@{ant-prefix}-checkbox-wrapper {
+    margin-left: 0;
+    line-height: 25px;
+  }
+}

package/es/components/Collapse/style.css

@@ -158,12 +158,6 @@
   padding-right: 12px;
   padding-left: 0;
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-collapse-simple {
   border-width: 0px;
   color: #333;

package/es/components/Collapse/style.less

@@ -1,57 +1,57 @@
-@import 'antd/lib/collapse/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-collapse-simple {
-  border-width: 0px;
-  color: @heading-color;
-}
-
-.@{sdk-prefix}-collapse-simple > .@{ant-prefix}-collapse-item {
-  > .@{ant-prefix}-collapse-header {
-    background-color: @normal-color;
-    > .@{ant-prefix}-collapse-arrow {
-      color: @heading-color;
-    }
-  }
-  > .@{ant-prefix}-collapse-content {
-    color: heading-color;
-    border-top-width: 0px;
-  }
-}
-
-.@{sdk-prefix}-collapse-primary,
-.@{sdk-prefix}-collapse-dashed {
-  border: none;
-}
-
-.@{sdk-prefix}-collapse-primary > .@{ant-prefix}-collapse-item {
-  border: none;
-  > .@{ant-prefix}-collapse-header {
-    padding: 5px 16px;
-    border-bottom-width: 0px;
-    background-color: @table-thead-bg;
-    font-weight: 500;
-    .@{sdk-prefix}-header-line {
-      width: 2px;
-      height: 16px;
-      position: absolute;
-      top: 8px;
-      left: 0px;
-      background-color: @theme-color;
-    }
-  }
-  > .@{ant-prefix}-collapse-content {
-    border: none;
-  }
-}
-
-.@{sdk-prefix}-collapse-dashed > .@{ant-prefix}-collapse-item {
-  border: 1px dashed @border-color-1;
-  margin-bottom: 12px;
-  > .@{ant-prefix}-collapse-header {
-    background-color: @normal-color;
-  }
-  > .@{ant-prefix}-collapse-content {
-    border: none;
-  }
-}
+@import 'antd/lib/collapse/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-collapse-simple {
+  border-width: 0px;
+  color: @heading-color;
+}
+
+.@{sdk-prefix}-collapse-simple > .@{ant-prefix}-collapse-item {
+  > .@{ant-prefix}-collapse-header {
+    background-color: @normal-color;
+    > .@{ant-prefix}-collapse-arrow {
+      color: @heading-color;
+    }
+  }
+  > .@{ant-prefix}-collapse-content {
+    color: heading-color;
+    border-top-width: 0px;
+  }
+}
+
+.@{sdk-prefix}-collapse-primary,
+.@{sdk-prefix}-collapse-dashed {
+  border: none;
+}
+
+.@{sdk-prefix}-collapse-primary > .@{ant-prefix}-collapse-item {
+  border: none;
+  > .@{ant-prefix}-collapse-header {
+    padding: 5px 16px;
+    border-bottom-width: 0px;
+    background-color: @table-thead-bg;
+    font-weight: 500;
+    .@{sdk-prefix}-header-line {
+      width: 2px;
+      height: 16px;
+      position: absolute;
+      top: 8px;
+      left: 0px;
+      background-color: @theme-color;
+    }
+  }
+  > .@{ant-prefix}-collapse-content {
+    border: none;
+  }
+}
+
+.@{sdk-prefix}-collapse-dashed > .@{ant-prefix}-collapse-item {
+  border: 1px dashed @border-color-1;
+  margin-bottom: 12px;
+  > .@{ant-prefix}-collapse-header {
+    background-color: @normal-color;
+  }
+  > .@{ant-prefix}-collapse-content {
+    border: none;
+  }
+}

package/es/components/CollapsiblePanel/style.css

@@ -1,9 +1,3 @@
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-collapsible-panel > .panel-header {
   position: relative;
   padding: 12px 16px 12px 40px;

package/es/components/CollapsiblePanel/style.less

@@ -1,63 +1,63 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-collapsible-panel {
-  & > .panel-header {
-    position: relative;
-    padding: 12px 16px 12px 40px;
-    cursor: pointer;
-    color: @text-color;
-    background-color: @gray-bg-color;
-    border: 1px solid @border-color-base;
-    > .icon {
-      position: absolute;
-      left: 16px;
-      top: 50%;
-      transform: translateY(-50%);
-      > i {
-        color: inherit;
-        > svg {
-          transition: transform 0.2s linear;
-        }
-      }
-    }
-
-    &.disabled-header {
-      cursor: not-allowed;
-    }
-  }
-  & > .panel-content-box {
-    overflow-y: hidden;
-    padding: 0;
-    margin: 0;
-    border: none;
-    & > div > .panel-content {
-      padding: 8px 16px;
-      color: @text-color;
-      background-color: @component-background;
-      border: 1px solid @border-color-base;
-      border-top: none;
-      overflow-x: auto;
-    }
-  }
-  &.no-border {
-    & > .panel-header,
-    & > .panel-content-box > div > .panel-content {
-      border: none;
-    }
-  }
-  &.icon-right {
-    & > .panel-header {
-      padding: 12px 40px 12px 16px;
-      & > :local(.icon) {
-        left: unset;
-        right: 16px;
-      }
-    }
-  }
-  &.hide-arrow {
-    & > .panel-header {
-      padding-left: 16px;
-      padding-right: 16px;
-    }
-  }
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-collapsible-panel {
+  & > .panel-header {
+    position: relative;
+    padding: 12px 16px 12px 40px;
+    cursor: pointer;
+    color: @text-color;
+    background-color: @gray-bg-color;
+    border: 1px solid @border-color-base;
+    > .icon {
+      position: absolute;
+      left: 16px;
+      top: 50%;
+      transform: translateY(-50%);
+      > i {
+        color: inherit;
+        > svg {
+          transition: transform 0.2s linear;
+        }
+      }
+    }
+
+    &.disabled-header {
+      cursor: not-allowed;
+    }
+  }
+  & > .panel-content-box {
+    overflow-y: hidden;
+    padding: 0;
+    margin: 0;
+    border: none;
+    & > div > .panel-content {
+      padding: 8px 16px;
+      color: @text-color;
+      background-color: @component-background;
+      border: 1px solid @border-color-base;
+      border-top: none;
+      overflow-x: auto;
+    }
+  }
+  &.no-border {
+    & > .panel-header,
+    & > .panel-content-box > div > .panel-content {
+      border: none;
+    }
+  }
+  &.icon-right {
+    & > .panel-header {
+      padding: 12px 40px 12px 16px;
+      & > :local(.icon) {
+        left: unset;
+        right: 16px;
+      }
+    }
+  }
+  &.hide-arrow {
+    & > .panel-header {
+      padding-left: 16px;
+      padding-right: 16px;
+    }
+  }
+}

package/es/components/DateTimePicker/Base/style.css

@@ -1763,12 +1763,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-picker-panel-rtl .ant-picker-time-panel {
   direction: ltr;
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-panel.pandora-sdk-datetime-pick-panel {
   margin-bottom: 0;
 }

package/es/components/DateTimePicker/Base/style.less

@@ -1,160 +1,160 @@
-@import 'antd/lib/input-number/style/index.less';
-@import 'antd/lib/date-picker/style/index.less';
-@import '../../../style/theme.less';
-
-@button-default-preset: #e9f0fa;
-
-.@{sdk-prefix}-panel.@{sdk-prefix}-datetime-pick-panel {
-  margin-bottom: 0;
-
-  &:last-child {
-    .@{sdk-prefix}-datetime-pick-title {
-      border-bottom: none;
-    }
-  }
-
-  .@{sdk-prefix}-datetime-pick-title {
-    padding: 8px 16px 6px;
-    border-bottom: 1px solid @normal-color;
-    color: @font-color-3;
-    font-size: 14px;
-    background-color: @gray-bg-color;
-  }
-
-  .@{sdk-prefix}-datetime-pick-preset {
-    padding: 12px;
-    text-align: left;
-    .@{sdk-prefix}-datetime-pick-item {
-      display: inline-block;
-      width: 96px;
-      line-height: 28px;
-      margin: 4px;
-      color: @theme-color;
-      background: @button-default-preset;
-      text-align: center;
-      font-size: 12px;
-      cursor: pointer;
-      border-radius: @border-radius-base;
-      &.active {
-        background: @theme-color;
-        color: @normal-color;
-        pointer-events: none;
-      }
-    }
-  }
-
-  .@{sdk-prefix}-datetime-pick-panel-content {
-    padding: 0;
-  }
-}
-
-.@{sdk-prefix}-datetime-pick-content {
-  padding: 16px;
-  .@{ant-prefix}-calendar-range-picker-input {
-    width: calc(50% - 14px);
-  }
-
-  .@{ant-prefix}-calendar-selected-start-date,
-  .@{ant-prefix}-calendar-selected-end-date {
-    .@{ant-prefix}-calendar-date {
-      background-color: @theme-color;
-    }
-  }
-
-  .@{ant-prefix}-calendar-range .@{ant-prefix}-calendar-in-range-cell:before {
-    background-color: @theme-color-020;
-  }
-}
-
-.@{sdk-prefix}-error {
-  color: @error-color;
-}
-
-.@{sdk-prefix}-datetime-pick-absolute-content {
-  display: flex;
-  align-items: center;
-
-  .@{sdk-prefix}-datetime-pick-absolute-selector {
-    width: 110px;
-  }
-  .@{sdk-prefix}-datetime-pick-absolute-date-picker {
-    width: 0;
-    flex: 1;
-    margin-left: 8px;
-    margin-right: 12px;
-    &.range-picker {
-      width: 100%;
-    }
-  }
-}
-
-.@{sdk-prefix}-datetime-pick-footer {
-  padding: 0 16px 16px 16px;
-  text-align: right;
-  .@{sdk-prefix}-datetime-pick-footer-botton {
-    border-radius: 2px;
-  }
-}
-
-.@{sdk-prefix}-datetime-pick-relative-root {
-  position: relative;
-  flex: 1;
-}
-
-.@{sdk-prefix}-datetime-pick-relative-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  .@{sdk-prefix}-datetime-pick-unit-selector {
-    flex: 1;
-    border-left: 1px solid @normal-color;
-  }
-
-  .@{sdk-prefix}-datetime-pick-relative-container-to {
-    width: 30px;
-    text-align: center;
-  }
-}
-
-.@{sdk-prefix}-datetime-pick-relative-timepicker {
-  display: flex;
-}
-
-.@{sdk-prefix}-datetime-pick-relative-tip {
-  position: absolute;
-  bottom: -45px;
-  right: 0;
-  a {
-    color: @theme-color;
-    cursor: pointer;
-    margin-left: 8px;
-  }
-}
-
-.@{sdk-prefix}-datetime-pick-relative-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 12px;
-}
-
-.@{sdk-prefix}-datetime-pick-relative-footer-witNow {
-  margin-top: 30px;
-}
-
-.@{sdk-prefix}-datetime-pick-quarter-content {
-  padding-right: 12px;
-  padding-left: 12px;
-  margin-bottom: 12px;
-  display: flex;
-  .@{sdk-prefix}-selector {
-    margin-top: 18px;
-    flex: 1;
-    min-width: 120px;
-    border-left: 1px solid @normal-color;
-  }
-  .@{sdk-prefix}-selector & .@{sdk-prefix}-selector {
-    margin-left: 18px;
-  }
-}
+@import 'antd/lib/input-number/style/index.less';
+@import 'antd/lib/date-picker/style/index.less';
+@import '../../../style/theme.less';
+
+@button-default-preset: #e9f0fa;
+
+.@{sdk-prefix}-panel.@{sdk-prefix}-datetime-pick-panel {
+  margin-bottom: 0;
+
+  &:last-child {
+    .@{sdk-prefix}-datetime-pick-title {
+      border-bottom: none;
+    }
+  }
+
+  .@{sdk-prefix}-datetime-pick-title {
+    padding: 8px 16px 6px;
+    border-bottom: 1px solid @normal-color;
+    color: @font-color-3;
+    font-size: 14px;
+    background-color: @gray-bg-color;
+  }
+
+  .@{sdk-prefix}-datetime-pick-preset {
+    padding: 12px;
+    text-align: left;
+    .@{sdk-prefix}-datetime-pick-item {
+      display: inline-block;
+      width: 96px;
+      line-height: 28px;
+      margin: 4px;
+      color: @theme-color;
+      background: @button-default-preset;
+      text-align: center;
+      font-size: 12px;
+      cursor: pointer;
+      border-radius: @border-radius-base;
+      &.active {
+        background: @theme-color;
+        color: @normal-color;
+        pointer-events: none;
+      }
+    }
+  }
+
+  .@{sdk-prefix}-datetime-pick-panel-content {
+    padding: 0;
+  }
+}
+
+.@{sdk-prefix}-datetime-pick-content {
+  padding: 16px;
+  .@{ant-prefix}-calendar-range-picker-input {
+    width: calc(50% - 14px);
+  }
+
+  .@{ant-prefix}-calendar-selected-start-date,
+  .@{ant-prefix}-calendar-selected-end-date {
+    .@{ant-prefix}-calendar-date {
+      background-color: @theme-color;
+    }
+  }
+
+  .@{ant-prefix}-calendar-range .@{ant-prefix}-calendar-in-range-cell:before {
+    background-color: @theme-color-020;
+  }
+}
+
+.@{sdk-prefix}-error {
+  color: @error-color;
+}
+
+.@{sdk-prefix}-datetime-pick-absolute-content {
+  display: flex;
+  align-items: center;
+
+  .@{sdk-prefix}-datetime-pick-absolute-selector {
+    width: 110px;
+  }
+  .@{sdk-prefix}-datetime-pick-absolute-date-picker {
+    width: 0;
+    flex: 1;
+    margin-left: 8px;
+    margin-right: 12px;
+    &.range-picker {
+      width: 100%;
+    }
+  }
+}
+
+.@{sdk-prefix}-datetime-pick-footer {
+  padding: 0 16px 16px 16px;
+  text-align: right;
+  .@{sdk-prefix}-datetime-pick-footer-botton {
+    border-radius: 2px;
+  }
+}
+
+.@{sdk-prefix}-datetime-pick-relative-root {
+  position: relative;
+  flex: 1;
+}
+
+.@{sdk-prefix}-datetime-pick-relative-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .@{sdk-prefix}-datetime-pick-unit-selector {
+    flex: 1;
+    border-left: 1px solid @normal-color;
+  }
+
+  .@{sdk-prefix}-datetime-pick-relative-container-to {
+    width: 30px;
+    text-align: center;
+  }
+}
+
+.@{sdk-prefix}-datetime-pick-relative-timepicker {
+  display: flex;
+}
+
+.@{sdk-prefix}-datetime-pick-relative-tip {
+  position: absolute;
+  bottom: -45px;
+  right: 0;
+  a {
+    color: @theme-color;
+    cursor: pointer;
+    margin-left: 8px;
+  }
+}
+
+.@{sdk-prefix}-datetime-pick-relative-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12px;
+}
+
+.@{sdk-prefix}-datetime-pick-relative-footer-witNow {
+  margin-top: 30px;
+}
+
+.@{sdk-prefix}-datetime-pick-quarter-content {
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-bottom: 12px;
+  display: flex;
+  .@{sdk-prefix}-selector {
+    margin-top: 18px;
+    flex: 1;
+    min-width: 120px;
+    border-left: 1px solid @normal-color;
+  }
+  .@{sdk-prefix}-selector & .@{sdk-prefix}-selector {
+    margin-left: 18px;
+  }
+}

package/es/components/DateTimePicker/BaseMobile/Absolute/index.js

@@ -139,7 +139,7 @@ var Absolute = /** @class */ (function (_super) {
                 React.createElement(DatePickerView, { value: this.range[0], minDate: minDate, onChange: function (date) {
                         _this.handleAbsoluteChange(date, 0);
                     } }),
-                React.createElement("div", { className: SDK_PREFIX + "-datetime-mobile-pick-range-sub-title" }, formatString(DateTimeLocale.mobile.end_time)),
+                React.createElement("div", { className: SDK_PREFIX + "-datetime-mobile-pick-range-sub-title" }, formatString(DateTimeLocale.mobile.end_time, locale)),
                 React.createElement(DatePickerView, { value: this.range[1], minDate: minDate, onChange: function (date) {
                         _this.handleAbsoluteChange(date, 1);
                     } }))),

package/es/components/DateTimePicker/BaseMobile/Absolute/style.css

@@ -1,9 +1,3 @@
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-datetime-mobile-pick-range-preset-head {
   display: -webkit-box;
   display: -ms-flexbox;