@kdcloudjs/kdesign 1.8.30 → 1.8.32

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.30
+ *   @kdcloudjs/kdesign v1.8.32
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -3096,6 +3096,20 @@ template {
   -webkit-transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
+.kd-anchor-rtl {
+  direction: rtl;
+}
+.kd-anchor-rtl .kd-anchor {
+  padding-right: var(--kd-c-anchor-spacing-horizontal, 7px);
+  padding-left: 0;
+}
+.kd-anchor-rtl .kd-anchor-line {
+  right: var(--kd-c-anchor-spacing-horizontal, 7px);
+  left: auto;
+}
+.kd-anchor-rtl .kd-anchor-link {
+  text-align: right;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -4466,6 +4480,38 @@ template {
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
+.kd-btn-rtl {
+  direction: rtl;
+}
+.kd-btn-rtl .kd-btn-iconWrapper-left {
+  float: right;
+  margin-left: 4px;
+}
+.kd-btn-rtl .kd-btn-iconWrapper-right {
+  float: left;
+  margin-right: 4px;
+}
+.kd-btn-rtl .kd-btn-group-basic-icon {
+  margin-right: 5px;
+  margin-left: 0;
+}
+.kd-btn-rtl .btn-space {
+  margin-left: 0;
+}
+.kd-btn-rtl-similar .kd-btn-group-trigger .kd-btn {
+  border-top-left-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
+  border-bottom-left-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+.kd-btn-rtl-similar > .kd-btn:first-child {
+  border-top-right-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
+  border-bottom-right-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
+}
+.kd-btn-group-rtl {
+  direction: rtl;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -5881,7 +5927,7 @@ template {
   -webkit-transform: translate(-50%, -50%) scale(1);
           transform: translate(-50%, -50%) scale(1);
   opacity: 1;
-  content: " ";
+  content: ' ';
 }
 .kd-checkbox-default.checked .kd-checkbox-children {
   color: var(--kd-c-checkbox-color-text-primary, #212121);
@@ -5889,6 +5935,43 @@ template {
 .kd-checkbox-default-indeterminate .kd-checkbox-children {
   color: var(--kd-c-checkbox-color-text-primary, #212121);
 }
+.kd-checkbox-rtl {
+  direction: rtl;
+}
+.kd-checkbox-rtl.kd-checkbox-default .kd-checkbox-default-margin {
+  margin-right: 0;
+  margin-left: var(--kd-c-checkbox-default-input-spacing-margin-right, 4px);
+}
+.kd-checkbox-group-rtl {
+  direction: rtl;
+}
+.kd-checkbox-group-rtl.kd-checkbox-group {
+  text-align: right;
+}
+.kd-checkbox-group-rtl.kd-checkbox-group > .kd-checkbox-rtl:not(:last-child) {
+  margin-left: var(--kd-c-checkbox-group-spacing-margin-right, 12px);
+  margin-right: 0;
+}
+.kd-checkbox-group-rtl.kd-checkbox-group .kd-checkbox {
+  margin-left: var(--kd-c-checkbox-group-spacing-margin-right, 12px);
+  margin-right: 0;
+}
+.kd-checkbox-group-rtl .kd-checkbox-square-triangle,
+.kd-checkbox-group-rtl .kd-checkbox-square-triangle-checked {
+  position: absolute;
+  content: '';
+  height: 0;
+  width: 0;
+  right: auto;
+  left: 0;
+  bottom: 0;
+  border-style: solid;
+  border-width: 0 var(--kd-c-checkbox-square-triangle-sizing-width, 18px) var(--kd-c-checkbox-square-triangle-sizing-height, 18px) 0;
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-left-color: transparent;
+  border-bottom-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -6385,6 +6468,60 @@ template {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.kd-city-picker-rtl {
+  direction: rtl;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-description {
+  text-align: right;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-selector .kd-city-picker-wrapper {
+  padding-right: 0;
+  padding-left: 24px;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-placeholder {
+  position: absolute;
+  left: 24px;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-bordered {
+  padding-right: var(--kd-c-city-picker-bordered-spacing-padding-left, 8px) !important;
+  padding-left: auto !important;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-bordered .kd-city-picker-suffix {
+  padding-right: 8px;
+  padding-left: auto;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-bordered .kd-city-picker-placeholder {
+  padding-right: var(--kd-c-city-picker-bordered-spacing-padding-left, 8px);
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-suffix {
+  left: 0;
+  right: auto;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-right: 8px;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-disabled.kd-city-picker-bordered {
+  padding-right: auto;
+  padding-left: var(--kd-c-city-picker-bordered-spacing-padding-left, 8px);
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-content-item {
+  position: absolute;
+  right: 0;
+  left: auto;
+}
+.kd-city-picker-rtl.kd-city-picker .kd-city-picker-content-info {
+  text-align: left;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -6841,6 +6978,30 @@ template {
   cursor: not-allowed !important;
   color: var(--kd-c-collapse-color-disabled, raba(178, 178, 178, 1));
 }
+.kd-collapse-rtl {
+  direction: rtl;
+}
+.kd-collapse-rtl .kd-collapse-panel-top {
+  padding: 8px 28px 8px 50px;
+}
+.kd-collapse-rtl .kd-collapse-panel-icon {
+  margin-left: var(--kd-c-collapse-spacing-margin-right, 6px);
+  margin-right: 0;
+}
+.kd-collapse-rtl .kd-collapse-panel-animation-expand {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.kd-collapse-rtl .kd-collapse-panel-children > div {
+  text-align: right;
+}
+.kd-collapse-rtl .kd-collapse-panel-children-hide > div {
+  text-align: right;
+}
+.kd-collapse-rtl .kd-collapse-panel-middle {
+  margin-right: 22px;
+  margin-left: 0;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -7046,7 +7207,7 @@ template {
           box-sizing: border-box;
   width: var(--kd-c-color-picker-panel-sizing-width, 304px);
   padding: 4px 12px 16px;
-  background: #FFFFFF;
+  background: #ffffff;
   -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
           box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
   border-radius: 2px;
@@ -7250,7 +7411,7 @@ template {
   position: absolute;
   width: 64px !important;
   min-width: unset !important;
-  background: #FFFFFF;
+  background: #ffffff;
   right: 0;
   left: unset !important;
   -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
@@ -7354,7 +7515,7 @@ template {
 .kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(12n) {
   margin-right: 0;
 }
-.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(-n+12) {
+.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(-n + 12) {
   margin-top: 0;
 }
 .kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container li {
@@ -7415,7 +7576,7 @@ template {
 .kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 li:nth-child(12n) {
   margin-right: 0;
 }
-.kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 li:nth-child(-n+12) {
+.kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 li:nth-child(-n + 12) {
   margin-top: 0;
 }
 .kd-color-picker-pop .kd-color-picker-panel-color-box-container li {
@@ -7449,6 +7610,131 @@ template {
 .kd-color-picker-pop .kd-color-picker-panel-color-box-container li:hover .square {
   display: block;
 }
+.kd-color-picker-rtl {
+  direction: rtl;
+}
+.kd-color-picker-rtl .kd-color-picker-input .kd-input-prefix {
+  margin-right: auto;
+  margin-left: 3px;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel {
+  -webkit-transform-origin: top left;
+          transform-origin: top left;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-clear-box {
+  margin-left: 4px;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-switch span {
+  vertical-align: middle;
+  margin-right: 9px;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-select {
+  margin-left: 8px;
+  margin-right: 0;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-select .kd-select-bordered {
+  border-radius: 2px;
+  width: var(--kd-c-color-picker-panel-select-sizing-width, 212px);
+  height: var(--kd-c-color-picker-panel-select-sizing-height, 28px);
+  min-height: 28px;
+  padding: 0 28px 0 0;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-select .active-option {
+  background-color: var(--kd-c-color-picker-panel-option-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input {
+  height: 28px;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  padding: 0 8px;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input-group-item {
+  height: 28px;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input-group-item.active {
+  z-index: 2;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input-group-item:first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  z-index: 1;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input-group-item:nth-child(2) {
+  margin-right: -1px;
+  margin-left: -1px;
+  border-radius: 0;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input-group-item:nth-child(2):hover {
+  z-index: 1;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-input-group-item:last-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-container-transparent {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 54px;
+          flex: 0 0 54px;
+  height: 28px;
+  margin-right: 8px;
+  margin-left: 0;
+  padding: 0;
+  text-align: center;
+  font-size: var(--kd-c-color-picker-panel-alpha-font-size, var(--kd-g-font-size-middle, 14px));
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-title {
+  font-size: 12px;
+  color: #666666;
+  line-height: 18px;
+  font-weight: 400;
+  margin-bottom: 8px;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  grid-column-gap: 8px;
+  grid-row-gap: 8px;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li {
+  margin-right: 8px;
+  margin-top: 8px;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(12n) {
+  margin-right: 0;
+}
+.kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(-n + 12) {
+  margin-top: 0;
+}
+.kd-color-picker-rtl .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:first-child > div {
+  margin-right: 4px !important;
+  margin-left: 0 !important;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -9090,6 +9376,9 @@ template {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
+.kd-dropdown .kd-dropdown-menu-rtl {
+  direction: rtl;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -11309,6 +11598,17 @@ template {
   margin-right: 2px;
   font-size: 18px;
 }
+.kd-image-rtl {
+  direction: rtl;
+}
+.kd-image-rtl .kd-image-preview-close {
+  left: 18px;
+  right: auto;
+}
+.kd-image-rtl .kd-image-preview-action i:not(:first-child) {
+  margin-right: 20px;
+  margin-left: 0;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -12169,6 +12469,54 @@ textarea {
 .kd-input-error:not(.kd-input-disabled):not(.kd-input-wrapper-disabled):not( .kd-input-group-addon-disabled) {
   border-color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
 }
+.kd-input-rtl {
+  direction: rtl;
+}
+.kd-input-rtl.kd-input-group .kd-input-group-addon:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
+  border-bottom-right-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
+  border-left: none;
+  border-right: 1px solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-input-rtl.kd-input-group .kd-input-group-addon:last-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-top-left-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
+  border-bottom-left-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
+  border-right: none;
+  border-left: 1px solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-input-rtl.kd-input-wrapper .kd-input-prefix {
+  margin-right: 0;
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-rtl.kd-input-wrapper .kd-input-suffix {
+  margin-left: 0;
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-rtl.kd-input-wrapper .kd-input-clear-icon-rightSpace {
+  margin-left: 4px;
+  margin-right: 0;
+}
+.kd-input-rtl .kd-input-textarea-mark {
+  right: auto;
+  left: 2px;
+}
+.kd-input-rtl .kd-input-textarea-mark-inner {
+  top: auto;
+  left: 8px;
+  right: auto;
+}
+.kd-input-rtl .kd-input-textarea-clear-icon {
+  left: 8px;
+  right: auto;
+}
+.kd-input-rtl.kd-input-allowClear-spacing {
+  padding-right: var(--kd-c-input-spacing-padding-horizontal-small, 9px);
+  padding-left: 20px;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -12575,6 +12923,17 @@ textarea {
   display: inline-block;
   margin-left: var(--kd-c-link-suffix-horizontal, 4px);
 }
+.kd-link-rtl {
+  direction: rtl;
+}
+.kd-link-rtl .kd-link-prefix {
+  margin-right: 0;
+  margin-left: var(--kd-c-link-prefix-horizontal, 4px);
+}
+.kd-link-rtl .kd-link-suffix {
+  margin-left: 0;
+  margin-right: var(--kd-c-link-suffix-horizontal, 4px);
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -13205,6 +13564,16 @@ textarea {
   color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
   border: none;
 }
+.kd-menu-rtl {
+  direction: rtl;
+}
+.kd-menu-rtl .kd-menu-submenu {
+  direction: rtl;
+}
+.kd-menu-rtl .kd-menu-submenu .kd-menu-submenu-title .kd-menu-submenu-arrow {
+  margin-left: 0;
+  margin-right: auto;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -13775,6 +14144,13 @@ textarea {
 .kd-modal-showline .kd-modal-footer {
   border-top: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
 }
+.kd-modal-rtl {
+  direction: rtl;
+}
+.kd-modal-rtl .kd-modal-container-box .kd-modal-footer .kd-modal-cancel-node .kd-modal-margin-btn {
+  margin-left: var(--kd-c-modal-footer-button-spacing, 12px);
+  margin-right: 0;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -15944,6 +16320,9 @@ textarea {
 .kd-qrcode-borderless {
   border: none;
 }
+.kd-qrcode-rtl {
+  direction: rtl;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -16401,6 +16780,44 @@ textarea {
   display: block;
   line-height: 1.5;
 }
+.kd-radio-rtl {
+  direction: rtl;
+}
+.kd-radio-button-rtl {
+  direction: rtl;
+}
+.kd-radio-button-rtl.kd-radio-button {
+  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+  border-right: none;
+}
+.kd-radio-button-rtl.kd-radio-button.kd-radio-button:first-child {
+  border-radius: 0 2px 2px 0;
+  border-right: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-radio-button-rtl.kd-radio-button.kd-radio-button:first-child::before {
+  content: none;
+}
+.kd-radio-button-rtl.kd-radio-button.kd-radio-button:last-child {
+  border-radius: 2px 0 0 2px;
+}
+.kd-radio-square-rtl {
+  direction: rtl;
+}
+.kd-radio-square-rtl.kd-radio-square {
+  margin-left: var(--kd-c-radio-spacing-margin-right, 8px);
+  margin-right: 0;
+}
+.kd-radio-square-rtl.kd-radio-square.kd-radio-square::after {
+  left: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
+  right: auto;
+}
+.kd-radio-square-rtl.kd-radio-square.kd-radio-square-checked::after {
+  left: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
+  right: auto;
+}
+.kd-radio-group-rtl {
+  direction: rtl;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -18050,6 +18467,67 @@ textarea {
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
+.kd-select-rtl {
+  direction: rtl;
+}
+.kd-select-rtl .kd-select-selector .kd-select-wrapper {
+  padding: 1px 0 1px 28px;
+}
+.kd-select-rtl .kd-select-selector .kd-select-wrapper .kd-select-suffix {
+  position: absolute;
+  right: auto;
+  left: 0;
+  margin-left: 0;
+  margin-right: 8px;
+}
+.kd-select-rtl .kd-select-selector .kd-select-wrapper .kd-select-placeholder {
+  right: 0;
+  left: 28px;
+}
+.kd-select-rtl .kd-select-selector .kd-select-wrapper.kd-select-single .kd-select-selection-search {
+  padding-left: auto;
+  position: absolute;
+  left: 28px;
+  right: 0;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+}
+.kd-select-rtl .kd-select-selector .kd-select-multiple .kd-select-selection-tag .kd-tag {
+  margin: 2px 0 2px 8px;
+}
+.kd-select-rtl .kd-select-selector .kd-select-multiple .kd-select-selection-tag .kd-tag-closeWrapper {
+  margin-right: 4px;
+  margin-left: 0;
+}
+.kd-select-rtl .kd-select-selector .kd-select-bordered {
+  padding-left: auto !important;
+  padding-right: var(--kd-c-select-bordered-spacing-padding-left, 8px) !important;
+}
+.kd-select-rtl .kd-select-selector .kd-select-bordered .kd-select-suffix {
+  padding-left: 8px;
+}
+.kd-select-rtl .kd-select-selector .kd-select-bordered.kd-select-single .kd-select-selection-search {
+  padding-right: var(--kd-c-select-bordered-spacing-padding-left, 8px);
+}
+.kd-select-rtl .kd-select-selector .kd-select-bordered .kd-select-placeholder {
+  padding-right: var(--kd-c-select-bordered-spacing-padding-left, 8px);
+}
+.kd-select-rtl .kd-select-dropdown .kd-select-multiple-footer-hadSelected {
+  padding-right: 12px;
+  padding-left: 0;
+}
+.kd-select-rtl .kd-select-dropdown .kd-select-multiple-footer .kd-checkbox-default-margin {
+  margin-right: 0;
+  margin-left: 4px;
+}
+.kd-select-item-rtl {
+  direction: rtl;
+}
+.kd-select-item-rtl.kd-select-item .kd-select-item-option-content .kd-checkbox-default-margin {
+  margin-right: 0;
+  margin-left: 4px;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -19917,6 +20395,41 @@ textarea {
   text-align: left;
   margin-top: 1px;
 }
+.kd-steps-rtl {
+  direction: rtl;
+}
+.kd-steps-rtl .kd-steps-item:first-child .kd-steps-item-iconContainer::before {
+  display: none;
+}
+.kd-steps-rtl.kd-steps-horizontal:first-child {
+  padding-right: 0;
+}
+.kd-steps-rtl.kd-steps-horizontal:last-child {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-steps-rtl.kd-steps-horizontal .kd-steps-item .kd-steps-item-container .kd-steps-item-iconContainer::after {
+  display: none;
+}
+.kd-steps-rtl.kd-steps-horizontal .kd-steps-item .kd-steps-item-container .kd-steps-item-iconContainer::before {
+  content: '';
+  width: calc(100% + 35px);
+  height: var(--kd-c-steps-line-sizing-height, 1px);
+  border-bottom: 1px dashed var(--kd-c-steps-color-wait, #999);
+  border-left: 1px dashed var(--kd-c-steps-color-wait, #999);
+  position: absolute;
+  left: 50%;
+  top: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2);
+  -webkit-transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
+  transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
+}
+.kd-steps-rtl.kd-steps-vertical .kd-steps-item-iconContainer {
+  margin-left: 4px;
+  margin-right: 0;
+}
+.kd-steps-rtl.kd-steps-vertical .kd-steps-item-content {
+  text-align: right;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -20137,6 +20650,15 @@ textarea {
 .kd-switch-size-large .kd-switch-inner {
   margin: var(--kd-c-switch-inner-spacing-margin-large, 0 5px 0 21px);
 }
+.kd-switch-rtl {
+  direction: rtl;
+  -webkit-transform: rotateY(180deg);
+          transform: rotateY(180deg);
+}
+.kd-switch-rtl .kd-switch-inner {
+  -webkit-transform: rotateY(180deg);
+          transform: rotateY(180deg);
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -21330,6 +21852,13 @@ textarea {
   cursor: pointer;
   font-size: 12px;
 }
+.kd-tag-rtl {
+  direction: rtl;
+}
+.kd-tag-rtl .kd-tag-closeWrapper {
+  margin-right: 4px;
+  margin-left: 0;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -23019,6 +23548,25 @@ textarea {
       -ms-flex-align: center;
           align-items: center;
 }
+.kd-tree-rtl {
+  direction: rtl;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-indent {
+  margin-right: 0;
+  margin-left: 6px;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-title-wrap {
+  padding-right: 4px;
+  padding-left: 0;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-title-wrap .kd-checkbox-default-margin {
+  margin-right: 0;
+  margin-left: 4px;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-animation-expand {
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -23424,7 +23972,7 @@ h3.kd-typography,
   opacity: 0;
   overflow: hidden;
 }
-.kd-upload-input input[type="file"] {
+.kd-upload-input input[type='file'] {
   position: absolute;
   top: -20%;
   left: 0;
@@ -23646,6 +24194,29 @@ h3.kd-typography,
   color: var(--kd-c-upload-panel-button-color, #0E5FD8);
   font-size: var(--kd-c-upload-picture-action-font-size, var(--kd-g-font-size-small, 12px));
 }
+.kd-upload-rtl {
+  direction: rtl;
+}
+.kd-upload-rtl.kd-upload .kd-upload-text-list-item-name {
+  margin: 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px) 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px);
+}
+.kd-upload-rtl.kd-upload .kd-upload-text-list-item-action {
+  left: 0;
+  right: auto;
+  -webkit-transform: translateX(-5px);
+          transform: translateX(-5px);
+}
+.kd-upload-rtl.kd-upload .kd-upload-text-list-item-action a:not(:first-child) {
+  margin-right: 20px;
+  margin-left: 0;
+}
+.kd-upload-rtl.kd-upload .kd-upload-picture-list-item {
+  margin: 0 0 28px 28px;
+}
+.kd-upload-rtl.kd-upload .kd-upload-picture-list-item-error a:not(:first-child) {
+  margin-right: 10px;
+  margin-left: auto;
+}
 
 
 /*# sourceMappingURL=kdesign.css.map*/