@aplus-frontend/ui 6.17.2 → 6.18.0

package/theme/antd-global-overwrite/aplus/pagination.less

@@ -1,108 +0,0 @@
-// 新增对sticky表格的样式类型
-[class$='-basic-table'],
-[class$='-basic-table-form-container'],
-[class$='-basic-table ap-table--sticky'],
-[class$='-basic-table-form-container ap-table--sticky'] {
-  .ant-table-wrapper {
-    .ant-spin-container {
-      .ant-pagination.ant-table-pagination.ant-table-pagination-right {
-        margin: 10px 0 0;
-      }
-    }
-
-    .ant-pagination {
-      position: relative;
-
-      .ant-pagination-total-text {
-        position: absolute;
-        left: 0;
-        height: 30px;
-        line-height: 30px;
-      }
-
-      .ant-pagination-item {
-        box-sizing: border-box;
-        min-width: 30px;
-        height: 30px;
-        margin: 0 4px;
-        font-weight: 400;
-        font-size: 14px;
-        line-height: 28px;
-        text-align: center;
-        border-radius: 4px;
-
-        &:not(&-active) {
-          border: 1px solid #d9d9d9;
-        }
-      }
-
-      .ant-pagination-prev {
-        width: 30px;
-        height: 30px;
-        margin: 0 4px;
-        line-height: 28px;
-        border: 1px solid #d9d9d9;
-
-        .anticon.anticon-left {
-          border: none;
-        }
-      }
-
-      .ant-pagination-prev.ant-pagination-disabled {
-        display: none;
-      }
-
-      .ant-pagination-next.ant-pagination-disabled {
-        display: none;
-      }
-
-      .anticon svg {
-        width: 14px;
-        height: 14px;
-      }
-
-      .ant-pagination-next {
-        width: 30px;
-        height: 30px;
-        margin: 0 4px;
-        line-height: 28px;
-        border: 1px solid #d9d9d9;
-
-        .anticon.anticon-right {
-          border: none;
-        }
-      }
-
-      .ant-pagination-options {
-        margin-left: 4px;
-
-        .ant-select-selector {
-          min-width: 90px;
-          height: 30px;
-        }
-
-        .ant-select-selection-item {
-          line-height: 28px;
-        }
-
-        .ant-select .ant-select-arrow {
-          color: #333333;
-        }
-
-        .ant-pagination-options-quick-jumper {
-          margin-left: 20px;
-          color: #333333;
-          font-size: 14px;
-
-          input {
-            min-width: 60px;
-            height: 30px;
-            margin: 0 8px;
-            padding: 0;
-            border-radius: 4px;
-          }
-        }
-      }
-    }
-  }
-}

package/theme/antd-global-overwrite/aplus/steps.css

@@ -1,125 +0,0 @@
-.ant-steps > * {
-  margin-right: 8px;
-}
-.ant-steps .ant-steps-item-container {
-  display: flex;
-}
-.ant-steps .ant-steps-item-icon {
-  flex-shrink: 0;
-  width: 28px;
-  height: 28px;
-  margin-top: 3px;
-  line-height: 27px;
-}
-.ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
-  font-weight: 500;
-  font-size: 16px;
-}
-.ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
-  min-height: 16px;
-  margin-top: 5px;
-  color: #999999;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 1.2rem;
-}
-.ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
-  background-color: #ffffff;
-  border-color: #0070ff;
-}
-.ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon {
-  width: 12px;
-  height: 12px;
-}
-.ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon svg {
-  width: 12px;
-  height: 12px;
-}
-.ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
-  min-height: 16px;
-  margin-top: 5px;
-  color: #8896b0;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 1.2rem;
-}
-.ant-steps .ant-steps-item-title {
-  height: 24px;
-  color: #8896b0;
-  font-weight: 400;
-  font-size: 16px;
-  padding-inline-end: 24px;
-}
-.ant-steps .ant-steps-item-content {
-  margin-left: 4px;
-}
-.ant-steps .ant-steps-item-error.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
-  background-color: #ff4d4f;
-}
-.ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
-  color: #ffffff;
-  font-weight: 500;
-  font-size: 16px;
-}
-.ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
-  min-height: 16px;
-  margin-top: 5px;
-  color: #8896b0;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 1.2rem;
-}
-.ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
-  background-color: #ffffff;
-  border-color: #dee4ed;
-}
-.ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
-  color: #dee4ed;
-  font-weight: 500;
-  font-size: 16px;
-}
-.ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
-  min-height: 16px;
-  margin-top: 5px;
-  color: #8896b0;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 1.2rem;
-}
-.ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
-  inset-inline-start: 13px;
-  margin: 4px 0;
-}
-.ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
-  background-color: #ffffff;
-}
-.ant-steps.ant-steps-vertical .ant-steps-item .ant-steps-item-icon {
-  margin-inline-end: 8px;
-}
-.ant-steps.ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
-  inset-inline-start: 13px;
-}
-.ant-steps.ant-steps-vertical .ant-steps-item-icon {
-  width: 28px;
-  height: 28px;
-  margin-top: 3px;
-}
-.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
-  width: 24px;
-  height: 24px;
-  margin-top: 3px;
-  line-height: 25px;
-}
-.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-content {
-  margin-top: 2px;
-}
-.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-tail {
-  inset-inline-start: 13px;
-  margin: 3px -1;
-}
-.ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
-  flex-shrink: 0;
-  width: 24px;
-  height: 24px;
-  line-height: 25px;
-}

package/theme/antd-global-overwrite/aplus/steps.less

@@ -1,198 +0,0 @@
-.ant-steps {
-  & > * {
-    margin-right: 8px;
-  }
-
-  .ant-steps-item-container {
-    display: flex;
-  }
-
-  .ant-steps-item-icon {
-    flex-shrink: 0;
-    width: 28px;
-    height: 28px;
-    margin-top: 3px;
-    line-height: 27px;
-  }
-
-  .ant-steps-item.ant-steps-item-process {
-    .ant-steps-item-icon {
-      .ant-steps-icon {
-        font-weight: 500;
-        font-size: 16px;
-      }
-    }
-
-    .ant-steps-item-container {
-      .ant-steps-item-description {
-        min-height: 16px;
-        margin-top: 5px;
-        color: #999999;
-        font-weight: 400;
-        font-size: 12px;
-        line-height: 1.2rem;
-      }
-    }
-  }
-
-  .ant-steps-item-finish {
-    .ant-steps-item-container {
-      .ant-steps-item-icon {
-        background-color: #ffffff;
-        border-color: #0070ff;
-      }
-
-      .ant-steps-finish-icon {
-        width: 12px;
-        height: 12px;
-
-        svg {
-          width: 12px;
-          height: 12px;
-        }
-      }
-
-      .ant-steps-item-content {
-        .ant-steps-item-description {
-          min-height: 16px;
-          margin-top: 5px;
-          color: #8896b0;
-          font-weight: 400;
-          font-size: 12px;
-          line-height: 1.2rem;
-        }
-      }
-    }
-  }
-
-  .ant-steps-item-title {
-    height: 24px;
-    color: #8896b0;
-    font-weight: 400;
-    font-size: 16px;
-    padding-inline-end: 24px;
-  }
-
-  .ant-steps-item-content {
-    margin-left: 4px;
-  }
-
-  .ant-steps-item-error.ant-steps-item-active {
-    .ant-steps-item-container {
-      .ant-steps-item-icon {
-        background-color: #ff4d4f;
-      }
-    }
-  }
-
-  .ant-steps-item-active {
-    .ant-steps-item-container {
-      .ant-steps-item-icon {
-        .ant-steps-icon {
-          color: #ffffff;
-          font-weight: 500;
-          font-size: 16px;
-        }
-      }
-
-      .ant-steps-item-content {
-        .ant-steps-item-description {
-          min-height: 16px;
-          margin-top: 5px;
-          color: #8896b0;
-          font-weight: 400;
-          font-size: 12px;
-          line-height: 1.2rem;
-        }
-      }
-    }
-  }
-
-  .ant-steps-item-wait {
-    .ant-steps-item-container {
-      .ant-steps-item-icon {
-        background-color: #ffffff;
-        border-color: #dee4ed;
-
-        .ant-steps-icon {
-          color: #dee4ed;
-          font-weight: 500;
-          font-size: 16px;
-        }
-      }
-
-      .ant-steps-item-description {
-        min-height: 16px;
-        margin-top: 5px;
-        color: #8896b0;
-        font-weight: 400;
-        font-size: 12px;
-        line-height: 1.2rem;
-      }
-    }
-  }
-}
-
-.ant-steps-item.ant-steps-item-finish.ant-steps-item-active {
-  .ant-steps-item-container {
-    .ant-steps-item-tail {
-      inset-inline-start: 13px;
-      margin: 4px 0;
-    }
-
-    .ant-steps-item-icon {
-      background-color: #ffffff;
-    }
-  }
-}
-
-.ant-steps.ant-steps-vertical {
-  .ant-steps-item .ant-steps-item-icon {
-    margin-inline-end: 8px;
-  }
-
-  .ant-steps-item {
-    .ant-steps-item-container {
-      .ant-steps-item-tail {
-        inset-inline-start: 13px;
-      }
-    }
-  }
-
-  .ant-steps-item-icon {
-    width: 28px;
-    height: 28px;
-    margin-top: 3px;
-  }
-}
-
-.ant-steps.ant-steps-vertical.ant-steps-small {
-  .ant-steps-item-container {
-    .ant-steps-item-icon {
-      width: 24px;
-      height: 24px;
-      margin-top: 3px;
-      line-height: 25px;
-    }
-
-    .ant-steps-item .ant-steps-item-content {
-      margin-top: 2px;
-    }
-
-    .ant-steps-item {
-      .ant-steps-item-tail {
-        inset-inline-start: 13px;
-        margin: 3px -1;
-      }
-    }
-  }
-}
-
-.ant-steps.ant-steps-horizontal.ant-steps-small {
-  .ant-steps-item-icon {
-    flex-shrink: 0;
-    width: 24px;
-    height: 24px;
-    line-height: 25px;
-  }
-}

package/theme/antd-global-overwrite/aplus/table.css

@@ -1,78 +0,0 @@
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) {
-  padding-bottom: 0;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container {
-  overflow: visible;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-table,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table {
-  overflow: visible;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container {
-  overflow: visible;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container .ant-table-header,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
-  position: sticky;
-  top: 0;
-  z-index: 90;
-  border-top: 4px solid #ffffff;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar {
-  position: sticky;
-  bottom: -1px;
-  z-index: 90;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar {
-  bottom: 44px;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
-  position: sticky;
-  bottom: 0;
-  z-index: 90;
-  margin: 0;
-  padding: 8px 0;
-  background-color: #ffffff;
-}
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
-[class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination {
-  padding-top: 4px;
-}

package/theme/antd-global-overwrite/aplus/table.less

@@ -1,61 +0,0 @@
-@import '../../mixins/config.less';
-
-@tw: ~'@{ns}-ap-table__table-wrapper';
-@sb: ~'@{ns}-scroll-bar';
-
-// ApTable的表头+分页器的sticky定位样式
-[class*='-ap-table'].ap-table--sticky {
-  .@{tw},
-  .ant-table-wrapper {
-    &:has(ul.ant-pagination) {
-      padding-bottom: 0;
-    }
-
-    & .ant-spin-container,
-    &,
-    .ant-spin-container {
-      overflow: visible;
-
-      .ant-table {
-        overflow: visible;
-
-        .ant-table-container {
-          overflow: visible;
-
-          .ant-table-header {
-            position: sticky;
-            top: 0;
-            z-index: 90;
-            border-top: 4px solid #ffffff;
-          }
-        }
-      }
-      .@{sb} {
-        position: sticky;
-        bottom: -1px;
-        z-index: 90;
-      }
-
-      &:has(ul.ant-pagination) {
-        .@{sb} {
-          bottom: 44px;
-        }
-      }
-
-      ul.ant-pagination {
-        position: sticky;
-        bottom: 0;
-        z-index: 90;
-        margin: 0;
-        padding: 8px 0;
-        background-color: #ffffff;
-      }
-
-      &:has(.@{sb}) {
-        ul.ant-pagination {
-          padding-top: 4px;
-        }
-      }
-    }
-  }
-}

package/theme/antd-global-overwrite/aplus/tooltip.css

@@ -1,3 +0,0 @@
-.ant-tooltip div[role='tooltip'] {
-  padding-block: 6px;
-}

package/theme/antd-global-overwrite/aplus/tooltip.less

@@ -1,3 +0,0 @@
-.ant-tooltip div[role='tooltip'] {
-  padding-block: 6px;
-}

package/theme/ap-table/ap-table-pagination.css

@@ -1,12 +0,0 @@
-.aplus-ap-table-pagination {
-  margin-top: 16px;
-}
-.aplus-ap-table-pagination__total {
-  font-size: 14px;
-  line-height: 22px;
-  color: #333333;
-  padding-block: 6px;
-}
-.aplus-ap-table-pagination__total-right {
-  padding-inline-start: 10px;
-}

package/theme/ap-table/ap-table-pagination.less

@@ -1,14 +0,0 @@
-@import '../mixins/mixins.less';
-
-.b(ap-table-pagination, {
-  margin-top: 16px;
-  &__total {
-    font-size: 14px;
-    line-height: 22px;
-    color: #333333;
-    padding-block: 6px;
-    &-right {
-      padding-inline-start: 10px;
-    }
-  }
-});

package/theme/ui-mode.css

@@ -1,60 +0,0 @@
-[data-aplus-ui-mode='aplus'] {
-  --ap-border-color-base: #dee4ed;
-  --ap-hover-color-base: #66a9ff;
-  --ap-active-color-base: #66a9ff;
-  --ap-color-primary: #0070ff;
-  --ap-color-primary-disabled: #cce2ff;
-  --ap-color-link: #0070ff;
-  --ap-color-link-hover: #66a9ff;
-  --ap-color-link-disabled: #cce2ff;
-  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
-  --ap-color-success: #2ed1a3;
-  --ap-color-success-disabled: #d5f6ed;
-  --ap-color-error: #ff4d4f;
-  --ap-color-error-disabled: #ffdbdc;
-  --ap-color-warn: #ffa940;
-  --ap-color-warn-disabled: #ffeed9;
-  --ap-table-header-bg: #f2f6f9;
-  --ap-text-color-1: #526a90;
-  --ap-text-color-2: #182948;
-  --ap-text-color-3: #8896b0;
-  --ap-color-bg: #e9edf3;
-  --ap-color-bg-1: #f6f9fa;
-  --ap-color-bg-2: #f3f5f8;
-  --ap-scrollbar-thumb-color-base: #c8d1de;
-  --ap-scrollbar-thumb-color-hover: #959ca7;
-  --ap-text-color-4: #abb7cc;
-  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
-  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
-  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
-}
-[data-aplus-ui-mode='admin'] {
-  --ap-border-color-base: #d9d9d9;
-  --ap-hover-color-base: #85d4b0;
-  --ap-active-color-base: #85d4b0;
-  --ap-color-primary: #34b77c;
-  --ap-color-primary-disabled: #d6f1e5;
-  --ap-color-link: #1890ff;
-  --ap-color-link-hover: #5eb1ff;
-  --ap-color-link-disabled: #cce2ff;
-  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
-  --ap-color-success: #34b77c;
-  --ap-color-success-disabled: #d6f1e5;
-  --ap-color-error: #ff4d4f;
-  --ap-color-error-disabled: #ffdbdc;
-  --ap-color-warn: #faad14;
-  --ap-color-warn-disabled: #ffeed9;
-  --ap-table-header-bg: #f7f7f7;
-  --ap-text-color-1: #666666;
-  --ap-text-color-2: #333333;
-  --ap-text-color-3: #999999;
-  --ap-color-bg: #e9e9e9;
-  --ap-color-bg-1: #f6f9fa;
-  --ap-color-bg-2: #f5f5f5;
-  --ap-scrollbar-thumb-color-base: #bfbfbf;
-  --ap-scrollbar-thumb-color-hover: #787878;
-  --ap-text-color-4: #bfbfbf;
-  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
-  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
-  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
-}