@semi-bot/semi-theme-hx-pc 1.0.12 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-hx-pc",
- "version": "1.0.12",
+ "version": "1.0.13",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -749,13 +749,24 @@
                 }
             },
             "table": {
+                "color": {
+                    "$color-table_cell-bg-hover": "var(--semi-color-bg-1)",
+                    "$color-table_th-bg-default": "var(--semi-color-bg-0)",
+                    "$color-table-border-default": "var(--semi-color-transparent)",
+                    "$color-table_body-bg-default": "var(--semi-color-transparent)",
+                    "$color-table_th-border-default": "var(--semi-color-transparent)"
+                },
+                "width": {
+                    "$width-table_base_border": "0px",
+                    "$width-table_header_border": "0px"
+                },
                 "height": {
                     "$height-table_column_sorter-icon": "16px"
                 },
                 "spacing": {
-                    "$spacing-table_row_head-paddingX": "8px",
+                    "$spacing-table_row_head-paddingX": "6px",
                     "$spacing-table_row_head-paddingY": "6px",
-                    "$spacing-table_tbody_rowCell-padding": "8px",
+                    "$spacing-table_tbody_rowCell-padding": "6px",
                     "$spacing-table_column_sorter-marginLeft": "4px"
                 }
             },

package/scss/local.scss

@@ -17,10 +17,17 @@ $height-input_default: 28px;
 $height-input_wrapper_default: 28px;
 $spacing-input-paddingLeft: 8px;
 $spacing-input-paddingRight: 8px;
+$color-table_cell-bg-hover: var(--semi-color-bg-1);
+$color-table_th-bg-default: var(--semi-color-bg-0);
+$color-table-border-default: var(--semi-color-transparent);
+$color-table_body-bg-default: var(--semi-color-transparent);
+$color-table_th-border-default: var(--semi-color-transparent);
+$width-table_base_border: 0px;
+$width-table_header_border: 0px;
 $height-table_column_sorter-icon: 16px;
-$spacing-table_row_head-paddingX: 8px;
+$spacing-table_row_head-paddingX: 6px;
 $spacing-table_row_head-paddingY: 6px;
-$spacing-table_tbody_rowCell-padding: 8px;
+$spacing-table_tbody_rowCell-padding: 6px;
 $spacing-table_column_sorter-marginLeft: 4px;
 $color-button_secondary-text-default: var(--semi-color-text-2);
 $color-button_disabled_danger-bg-default: var(--semi-color-danger-disabled);

package/semi.css

@@ -21080,7 +21080,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-header::-webkit-scrollbar {
   background-color: transparent;
-  border-bottom: 2px solid var(--semi-color-border);
+  border-bottom: 0px solid var(--semi-color-transparent);
 }
 .semi-table-header-sticky {
   position: sticky;
@@ -21117,13 +21117,13 @@ img[src=""], img:not([src]) {
   width: 48px;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head {
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-bg-0);
   color: var(--semi-color-text-2);
   font-weight: 600;
   text-align: left;
-  border-bottom: 2px solid var(--semi-color-border);
-  padding-left: 8px;
-  padding-right: 8px;
+  border-bottom: 0px solid var(--semi-color-transparent);
+  padding-left: 6px;
+  padding-right: 6px;
   padding-top: 6px;
   padding-bottom: 6px;
   vertical-align: middle;
@@ -21136,12 +21136,12 @@ img[src=""], img:not([src]) {
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
-  background-color: var(--semi-color-bg-0);
+  background-color: var(--semi-color-bg-1);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
   z-index: 101;
   position: sticky;
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
   border-right: 1px solid var(--semi-color-border);
@@ -21201,7 +21201,7 @@ img[src=""], img:not([src]) {
   position: absolute;
   width: 9px;
   height: calc(100% - 4px * 2);
-  background-color: var(--semi-color-border);
+  background-color: var(--semi-color-transparent);
   bottom: 4px;
   right: -1px;
   cursor: col-resize;
@@ -21215,23 +21215,23 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row {
   display: table-row;
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-transparent);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
-  background-color: var(--semi-color-bg-0);
+  background-color: var(--semi-color-bg-1);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-transparent);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   display: table-cell;
   overflow-wrap: break-word;
   border-left: none;
   border-right: none;
-  border-bottom: 1px solid var(--semi-color-border);
-  padding: 8px;
+  border-bottom: 0px solid var(--semi-color-transparent);
+  padding: 6px;
   box-sizing: border-box;
   position: relative;
   vertical-align: middle;
@@ -21274,7 +21274,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell {
   background-color: rgba(var(--semi-grey-0), 1);
-  border-bottom: 1px solid var(--semi-color-border);
+  border-bottom: 0px solid var(--semi-color-transparent);
 }
 .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell:not(.semi-table-column-selection) {
   padding: 10px 16px;
@@ -21386,34 +21386,34 @@ img[src=""], img:not([src]) {
 .semi-table-bordered > .semi-table-title {
   padding-left: 16px;
   padding-right: 16px;
-  border-top: 1px solid var(--semi-color-border);
-  border-right: 1px solid var(--semi-color-border);
-  border-left: 1px solid var(--semi-color-border);
+  border-top: 0px solid var(--semi-color-transparent);
+  border-right: 0px solid var(--semi-color-transparent);
+  border-left: 0px solid var(--semi-color-transparent);
 }
 .semi-table-bordered > .semi-table-container {
-  border: 1px solid var(--semi-color-border);
+  border: 0px solid var(--semi-color-transparent);
   border-right: 0;
   border-bottom: 0;
 }
 :where(.semi-table-bordered) > .semi-table-container > .semi-table-header::-webkit-scrollbar {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 0px solid var(--semi-color-transparent);
 }
 :where(.semi-table-bordered) > .semi-table-container > .semi-table-footer {
-  border-left: 1px solid var(--semi-color-border);
-  border-right: 1px solid var(--semi-color-border);
-  border-bottom: 1px solid var(--semi-color-border);
+  border-left: 0px solid var(--semi-color-transparent);
+  border-right: 0px solid var(--semi-color-transparent);
+  border-bottom: 0px solid var(--semi-color-transparent);
 }
 :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 0px solid var(--semi-color-transparent);
 }
 :where(.semi-table-bordered > .semi-table-container > .semi-table-body) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head .react-resizable-handle {
   background-color: transparent;
 }
 :where(.semi-table-bordered > .semi-table-container > .semi-table-body) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head, :where(.semi-table-bordered > .semi-table-container > .semi-table-body) > .semi-table > .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 0px solid var(--semi-color-transparent);
 }
 :where(.semi-table-bordered > .semi-table-container > .semi-table-header) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 0px solid var(--semi-color-transparent);
 }
 :where(.semi-table-bordered > .semi-table-container > .semi-table-header) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head .react-resizable-handle {
   background-color: transparent;
@@ -21427,7 +21427,7 @@ img[src=""], img:not([src]) {
   font-size: 14px;
   text-align: center;
   background: transparent;
-  border-bottom: 1px solid var(--semi-color-border);
+  border-bottom: 0px solid var(--semi-color-transparent);
 }
 .semi-table-fixed {
   table-layout: fixed;
@@ -21564,20 +21564,20 @@ img[src=""], img:not([src]) {
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
   border-left: 0;
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 0px solid var(--semi-color-transparent);
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 0px solid var(--semi-color-transparent);
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 0px solid var(--semi-color-transparent);
   border-right: 0;
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 0px solid var(--semi-color-transparent);
 }
 .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
   left: auto;