Latest updates from IceHrmPro

web/node_modules/antd/lib/style/mixins/clearfix.less

@@ -0,0 +1,15 @@
+// mixins for clearfix
+// ------------------------
+.clearfix() {
+  // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229
+  &::before {
+    display: table;
+    content: '';
+  }
+  &::after {
+    // https://github.com/ant-design/ant-design/issues/21864
+    display: table;
+    clear: both;
+    content: '';
+  }
+}

web/node_modules/antd/lib/style/mixins/compatibility.less

@@ -0,0 +1,17 @@
+// Compatibility for browsers.
+
+// Placeholder text
+.placeholder(@color: @input-placeholder-color) {
+  // Firefox
+  &::-moz-placeholder {
+    opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
+  }
+
+  &::placeholder {
+    color: @color;
+  }
+
+  &:placeholder-shown {
+    text-overflow: ellipsis;
+  }
+}

web/node_modules/antd/lib/style/mixins/customize.less

@@ -0,0 +1,170 @@
+// customize dark components background in popover containers(like Modal, Drawer, Card, Popover, Popconfirm, Notification, ...)
+// for dark theme
+.popover-customize-bg(@containerClass, @background: @popover-background, @prefix: @ant-prefix) when (@theme = dark) {
+  @picker-prefix-cls: ~'@{prefix}-picker';
+  @slider-prefix-cls: ~'@{prefix}-slider';
+  @anchor-prefix-cls: ~'@{prefix}-anchor';
+  @collapse-prefix-cls: ~'@{prefix}-collapse';
+  @tab-prefix-cls: ~'@{prefix}-tabs';
+  @timeline-prefix-cls: ~'@{prefix}-timeline';
+  @tree-prefix-cls: ~'@{prefix}-tree';
+  @card-prefix-cls: ~'@{prefix}-card';
+  @badge-prefix-cls: ~'@{prefix}-badge';
+  @transfer-prefix-cls: ~'@{prefix}-transfer';
+  @calendar-prefix-cls: ~'@{prefix}-picker-calendar';
+  @calendar-picker-prefix-cls: ~'@{prefix}-picker';
+  @table-prefix-cls: ~'@{prefix}-table';
+
+  @popover-border: @border-width-base @border-style-base @popover-customize-border-color;
+
+  .@{containerClass} {
+    .@{picker-prefix-cls}-clear, .@{slider-prefix-cls}-handle, .@{anchor-prefix-cls}-wrapper, .@{collapse-prefix-cls}-content, .@{timeline-prefix-cls}-item-head, .@{card-prefix-cls} {
+      background-color: @background;
+    }
+
+    .@{transfer-prefix-cls} {
+      &-list {
+        &-header {
+          background: @background;
+          border-bottom: @popover-border;
+        }
+        &-content-item:not(.@{transfer-prefix-cls}-list-content-item-disabled):hover {
+          background-color: @item-hover-bg;
+        }
+      }
+    }
+
+    tr.@{table-prefix-cls}-expanded-row {
+      &,
+      &:hover {
+        > td {
+          background: #272727;
+        }
+      }
+    }
+    .@{table-prefix-cls}.@{table-prefix-cls}-small {
+      thead {
+        > tr {
+          > th {
+            background-color: @background;
+            border-bottom: @popover-border;
+          }
+        }
+      }
+    }
+    .@{table-prefix-cls} {
+      background-color: @background;
+      .@{table-prefix-cls}-row-expand-icon {
+        border: @popover-border;
+      }
+      tfoot {
+        > tr {
+          > th,
+          > td {
+            border-bottom: @popover-border;
+          }
+        }
+      }
+      thead {
+        > tr {
+          > th {
+            background-color: #272727;
+            border-bottom: @popover-border;
+          }
+        }
+      }
+      tbody {
+        > tr {
+          > td {
+            border-bottom: @popover-border;
+            &.@{table-prefix-cls}-cell-fix-left, &.@{table-prefix-cls}-cell-fix-right {
+              background-color: @background;
+            }
+          }
+          &.@{table-prefix-cls}-row:hover {
+            > td {
+              background: @table-header-sort-active-bg;
+            }
+          }
+        }
+      }
+      &.@{table-prefix-cls}-bordered {
+        .@{table-prefix-cls}-title {
+          border: @popover-border;
+        }
+
+        // ============================= Cell =============================
+        thead > tr > th,
+        tbody > tr > td,
+        tfoot > tr > th,
+        tfoot > tr > td {
+          border-right: @popover-border;
+        }
+
+        // Fixed right should provides additional border
+        .@{table-prefix-cls}-cell-fix-right-first::after {
+          border-right: @popover-border;
+        }
+
+        // ============================ Header ============================
+        table > {
+          thead {
+            > tr:not(:last-child) > th {
+              border-bottom: @border-width-base @border-style-base @border-color-split;
+            }
+          }
+        }
+
+        // =========================== Content ============================
+        .@{table-prefix-cls}-container {
+          border: @popover-border;
+        }
+
+        // ========================== Expandable ==========================
+        .@{table-prefix-cls}-expanded-row-fixed {
+          &::after {
+            border-right: @popover-border;
+          }
+        }
+
+        .@{table-prefix-cls}-footer {
+          border: @popover-border;
+        }
+      }
+      .@{table-prefix-cls}-filter-trigger-container-open {
+        background-color: #525252;
+      }
+    }
+
+    .@{calendar-prefix-cls}-full {
+      background-color: @background;
+      .@{calendar-picker-prefix-cls}-panel {
+        background-color: @background;
+        .@{calendar-prefix-cls}-date {
+          border-top: 2px solid @popover-customize-border-color;
+        }
+      }
+    }
+
+    .@{tab-prefix-cls} {
+      &.@{tab-prefix-cls}-card .@{tab-prefix-cls}-card-bar .@{tab-prefix-cls}-tab-active {
+        background-color: @background;
+        border-bottom: @border-width-base solid @background;
+      }
+    }
+
+    .@{badge-prefix-cls} {
+      &-count {
+        box-shadow: 0 0 0 1px @background;
+      }
+    }
+
+    .@{tree-prefix-cls} {
+      &-show-line {
+        .@{tree-prefix-cls}-switcher {
+          background: @background;
+        }
+      }
+    }
+  }
+}

web/node_modules/antd/lib/style/mixins/iconfont.less

@@ -0,0 +1,35 @@
+.iconfont-mixin() {
+  display: inline-block;
+  color: @icon-color;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em; // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  > * {
+    line-height: 1;
+  }
+
+  svg {
+    display: inline-block;
+  }
+
+  &::before {
+    display: none; // dont display old icon.
+  }
+
+  & &-icon {
+    display: block;
+  }
+}
+
+// for iconfont font size
+// fix chrome 12px bug
+.iconfont-size-under-12px(@size) {
+  display: inline-block;
+  font-size: @size;
+}

web/node_modules/antd/lib/style/mixins/index.less

@@ -0,0 +1,11 @@
+// Mixins
+// --------------------------------------------------
+@import 'size';
+@import 'compatibility';
+@import 'clearfix';
+@import 'iconfont';
+@import 'motion';
+@import 'reset';
+@import 'operation-unit';
+@import 'typography';
+@import 'customize';

web/node_modules/antd/lib/style/mixins/motion.less

@@ -0,0 +1,35 @@
+@import '../themes/index';
+
+.motion-common(@duration: @animation-duration-base) {
+  animation-duration: @duration;
+  animation-fill-mode: both;
+}
+
+.motion-common-leave(@duration: @animation-duration-base) {
+  animation-duration: @duration;
+  animation-fill-mode: both;
+}
+
+.make-motion(@className, @keyframeName, @duration: @animation-duration-base) {
+  .@{className}-enter,
+  .@{className}-appear {
+    .motion-common(@duration);
+
+    animation-play-state: paused;
+  }
+  .@{className}-leave {
+    .motion-common-leave(@duration);
+
+    animation-play-state: paused;
+  }
+  .@{className}-enter.@{className}-enter-active,
+  .@{className}-appear.@{className}-appear-active {
+    animation-name: ~'@{keyframeName}In';
+    animation-play-state: running;
+  }
+  .@{className}-leave.@{className}-leave-active {
+    animation-name: ~'@{keyframeName}Out';
+    animation-play-state: running;
+    pointer-events: none;
+  }
+}

web/node_modules/antd/lib/style/mixins/operation-unit.less

@@ -0,0 +1,18 @@
+@import '../../style/themes/default';
+
+.operation-unit() {
+  color: @link-color;
+  text-decoration: none;
+  outline: none;
+  cursor: pointer;
+  transition: color 0.3s;
+
+  &:focus,
+  &:hover {
+    color: @link-hover-color;
+  }
+
+  &:active {
+    color: @link-active-color;
+  }
+}

web/node_modules/antd/lib/style/mixins/reset.less

@@ -0,0 +1,13 @@
+@import '../themes/index';
+
+.reset-component() {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: @text-color;
+  font-size: @font-size-base;
+  font-variant: @font-variant-base;
+  line-height: @line-height-base;
+  list-style: none;
+  font-feature-settings: @font-feature-settings-base;
+}

web/node_modules/antd/lib/style/mixins/size.less

@@ -0,0 +1,10 @@
+// Sizing shortcuts
+
+.size(@width; @height) {
+  width: @width;
+  height: @height;
+}
+
+.square(@size) {
+  .size(@size; @size);
+}

web/node_modules/antd/lib/style/mixins/typography.less

@@ -0,0 +1,49 @@
+// =============== Common ===============
+.typography-paragraph() {
+  margin-bottom: 1em;
+}
+
+.typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @headingMarginBottom;) {
+  margin-bottom: @headingMarginBottom;
+  color: @headingColor;
+  font-weight: @fontWeight;
+  font-size: @fontSize;
+  line-height: @lineHeight;
+}
+
+.typography-title-1() {
+  .typography-title(
+    @heading-1-size,
+    @typography-title-font-weight,
+    1.23,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}
+.typography-title-2() {
+  .typography-title(
+    @heading-2-size,
+    @typography-title-font-weight,
+    1.35,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}
+.typography-title-3() {
+  .typography-title(
+    @heading-3-size,
+    @typography-title-font-weight,
+    1.35,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}
+.typography-title-4() {
+  .typography-title(
+    @heading-4-size,
+    @typography-title-font-weight,
+    1.4,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}