Latest updates from IceHrmPro

web/node_modules/antd/es/steps/style/rtl.less

@@ -0,0 +1,248 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@steps-prefix-cls: ~'@{ant-prefix}-steps';
+
+.@{steps-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+}
+
+.@{steps-prefix-cls}-item {
+  &-icon {
+    .@{steps-prefix-cls}-rtl & {
+      margin-right: 0;
+      margin-left: 8px;
+    }
+  }
+
+  &-tail {
+    .@{steps-prefix-cls}-rtl & {
+      right: 0;
+      left: auto;
+    }
+  }
+
+  &-title {
+    .@{steps-prefix-cls}-rtl & {
+      padding-right: 0;
+      padding-left: 16px;
+    }
+
+    &::after {
+      .@{steps-prefix-cls}-rtl & {
+        right: 100%;
+        left: auto;
+      }
+    }
+  }
+}
+
+.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
+  .@{steps-prefix-cls}-item {
+    .@{steps-prefix-cls}-rtl& {
+      margin-right: 0;
+      margin-left: 16px;
+    }
+
+    &:last-child {
+      .@{steps-prefix-cls}-rtl& {
+        margin-left: 0;
+      }
+    }
+    &:last-child .@{steps-prefix-cls}-item-title {
+      .@{steps-prefix-cls}-rtl& {
+        padding-left: 0;
+      }
+    }
+  }
+}
+
+// custom-icon
+.@{steps-prefix-cls}-item-custom {
+  .@{steps-prefix-cls}-item-icon {
+    > .@{steps-prefix-cls}-icon {
+      .@{steps-prefix-cls}-rtl & {
+        right: 0.5px;
+        left: auto;
+      }
+    }
+  }
+}
+
+// nav
+.@{steps-prefix-cls}-navigation {
+  &.@{steps-prefix-cls}-small {
+    .@{steps-prefix-cls}-item {
+      &-container {
+        .@{steps-prefix-cls}-rtl& {
+          margin-right: -12px;
+          margin-left: 0;
+        }
+      }
+    }
+  }
+
+  .@{steps-prefix-cls}-item {
+    &-container {
+      .@{steps-prefix-cls}-rtl& {
+        margin-right: -16px;
+        margin-left: 0;
+        text-align: right;
+      }
+      .@{steps-prefix-cls}-item-title {
+        .@{steps-prefix-cls}-rtl& {
+          padding-left: 0;
+        }
+      }
+    }
+
+    &::after {
+      .@{steps-prefix-cls}-rtl& {
+        right: 100%;
+        left: auto;
+        margin-right: -2px;
+        margin-left: 0;
+        transform: rotate(225deg);
+      }
+    }
+  }
+}
+
+// small
+.@{steps-prefix-cls}-small {
+  &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
+    .@{steps-prefix-cls}-item {
+    .@{steps-prefix-cls}-rtl& {
+      margin-right: 0;
+      margin-left: 12px;
+    }
+
+    &:last-child {
+      .@{steps-prefix-cls}-rtl& {
+        margin-left: 0;
+      }
+    }
+  }
+
+  .@{steps-prefix-cls}-item-title {
+    .@{steps-prefix-cls}-rtl& {
+      padding-right: 0;
+    }
+  }
+}
+
+// vertical
+.steps-vertical() {
+  .@{steps-prefix-cls}-item {
+    &-icon {
+      .@{steps-prefix-cls}-rtl& {
+        float: right;
+        margin-right: 0;
+        margin-left: 16px;
+      }
+    }
+  }
+
+  > .@{steps-prefix-cls}-item
+    > .@{steps-prefix-cls}-item-container
+    > .@{steps-prefix-cls}-item-tail {
+    .@{steps-prefix-cls}-rtl& {
+      right: 16px;
+      left: auto;
+    }
+  }
+
+  &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
+    .@{steps-prefix-cls}-item-tail {
+      .@{steps-prefix-cls}-rtl& {
+        right: 12px;
+        left: auto;
+      }
+    }
+  }
+}
+
+// label
+.@{steps-prefix-cls}-label-vertical {
+  .@{steps-prefix-cls}-item {
+    &-title {
+      .@{steps-prefix-cls}-rtl& {
+        padding-left: 0;
+      }
+    }
+  }
+}
+
+// progress-dot
+.@{steps-prefix-cls}-dot,
+.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
+  .@{steps-prefix-cls}-item {
+    &-tail {
+      .@{steps-prefix-cls}-rtl& {
+        margin: 0 @steps-desciption-max-width / 2 0 0;
+      }
+
+      &::after {
+        .@{steps-prefix-cls}-rtl& {
+          margin-right: 12px;
+          margin-left: 0;
+        }
+      }
+    }
+    &:first-child .@{steps-prefix-cls}-icon-dot {
+      .@{steps-prefix-cls}-rtl& {
+        right: 2px;
+        left: auto;
+      }
+    }
+    &-icon {
+      .@{steps-prefix-cls}-rtl& {
+        margin-right: 67px;
+        margin-left: 0;
+      }
+
+      .@{steps-prefix-cls}-icon-dot {
+        .@{steps-prefix-cls}-rtl& {
+          float: right;
+        }
+        /* expand hover area */
+        &::after {
+          .@{steps-prefix-cls}-rtl& {
+            right: -26px;
+            left: auto;
+          }
+        }
+      }
+    }
+  }
+}
+
+.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
+  .@{steps-prefix-cls}-item-icon {
+    .@{steps-prefix-cls}-rtl& {
+      margin-right: 0;
+      margin-left: 16px;
+    }
+  }
+  // https://github.com/ant-design/ant-design/issues/18354
+  .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
+    .@{steps-prefix-cls}-rtl& {
+      right: -9px;
+      left: auto;
+    }
+  }
+  .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
+    .@{steps-prefix-cls}-rtl& {
+      right: 0;
+      left: auto;
+    }
+  }
+  .@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
+    .@{steps-prefix-cls}-rtl& {
+      right: -2px;
+      left: auto;
+    }
+  }
+}