@qn-pandora/pandora-component 5.0.2 → 5.1.1

package/lib/components/Table/style.css

@@ -20,7 +20,11 @@
   margin: -10.5px -6px;
 }
 .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
-  margin: -10.5px -6px -10.5px 23px;
+  margin: -10.5px -6px -10.5px 42px;
+}
+.ant-table.ant-table-middle .ant-table-selection-column {
+  -webkit-padding-start: 1.5px;
+          padding-inline-start: 1.5px;
 }
 .ant-table.ant-table-small {
   font-size: 14px;
@@ -40,14 +44,11 @@
   margin: -7px -6px;
 }
 .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
-  margin: -7px -6px -7px 23px;
-}
-.ant-table-small .ant-table-thead > tr > th {
-  background-color: #fafafa;
+  margin: -7px -6px -7px 42px;
 }
-.ant-table-small .ant-table-selection-column {
-  width: 46px;
-  min-width: 46px;
+.ant-table.ant-table-small .ant-table-selection-column {
+  -webkit-padding-start: 1.5px;
+          padding-inline-start: 1.5px;
 }
 .ant-table.ant-table-bordered > .ant-table-title {
   border: 1px solid #ebecf0;
@@ -140,7 +141,7 @@
 .ant-table-cell .ant-table-container:first-child {
   border-top: 0;
 }
-.ant-table-cell-scrollbar {
+.ant-table-cell-scrollbar:not([rowspan]) {
   -webkit-box-shadow: 0 1px 0 1px #fafafa;
           box-shadow: 0 1px 0 1px #fafafa;
 }
@@ -253,7 +254,7 @@
 }
 .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
 .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
-  margin: -14px -12px -14px 29px;
+  margin: -14px -12px -14px 36px;
 }
 .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
 .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
@@ -321,6 +322,7 @@ div.ant-table-summary {
           justify-content: flex-end;
 }
 .ant-table-thead th.ant-table-column-has-sorters {
+  outline: none;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
@@ -331,6 +333,9 @@ div.ant-table-summary {
 .ant-table-thead th.ant-table-column-has-sorters:hover::before {
   background-color: transparent !important;
 }
+.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
+  color: #7a869a;
+}
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
   background: #f5f5f5;
@@ -560,8 +565,8 @@ table tr th.ant-table-selection-column::after {
   transition: all 0.3s;
   -webkit-margin-start: 100%;
           margin-inline-start: 100%;
-  -webkit-padding-start: 4px;
-          padding-inline-start: 4px;
+  -webkit-padding-start: 3px;
+          padding-inline-start: 3px;
 }
 .ant-table-selection-extra .anticon {
   color: #bfbfbf;
@@ -576,20 +581,24 @@ table tr th.ant-table-selection-column::after {
 .ant-table-row-expand-icon-cell {
   text-align: center;
 }
+.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  float: none;
+  vertical-align: sub;
+}
 .ant-table-row-indent {
   float: left;
   height: 1px;
 }
 .ant-table-row-expand-icon {
   color: #7a869a;
-  text-decoration: none;
+  outline: none;
   cursor: pointer;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
   position: relative;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
   float: left;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -601,7 +610,6 @@ table tr th.ant-table-selection-column::after {
   background: #ffffff;
   border: 1px solid #ebecf0;
   border-radius: 2px;
-  outline: none;
   -webkit-transform: scale(0.94117647);
           transform: scale(0.94117647);
   -webkit-transition: all 0.3s;
@@ -611,7 +619,7 @@ table tr th.ant-table-selection-column::after {
       -ms-user-select: none;
           user-select: none;
 }
-.ant-table-row-expand-icon:focus,
+.ant-table-row-expand-icon:focus-visible,
 .ant-table-row-expand-icon:hover {
   color: #2c6dd2;
 }
@@ -621,12 +629,12 @@ table tr th.ant-table-selection-column::after {
 .ant-table-row-expand-icon:focus,
 .ant-table-row-expand-icon:hover,
 .ant-table-row-expand-icon:active {
-  border-color: currentColor;
+  border-color: currentcolor;
 }
 .ant-table-row-expand-icon::before,
 .ant-table-row-expand-icon::after {
   position: absolute;
-  background: currentColor;
+  background: currentcolor;
   -webkit-transition: -webkit-transform 0.3s ease-out;
   transition: -webkit-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
@@ -720,6 +728,9 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   content: '';
   pointer-events: none;
 }
+.ant-table-cell-fix-left-all::after {
+  display: none;
+}
 .ant-table-cell-fix-right-first::after,
 .ant-table-cell-fix-right-last::after {
   position: absolute;
@@ -741,7 +752,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   position: absolute;
   top: 0;
   bottom: 0;
-  z-index: 1;
+  z-index: calc(calc(2 + 1) + 1);
   width: 30px;
   -webkit-transition: -webkit-box-shadow 0.3s;
   transition: -webkit-box-shadow 0.3s;
@@ -756,10 +767,10 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-table .ant-table-container::after {
   right: 0;
 }
-.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
+.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
   position: relative;
 }
-.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
+.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
   -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
           box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
 }
@@ -771,10 +782,10 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-table-ping-left .ant-table-cell-fix-left-last::before {
   background-color: transparent !important;
 }
-.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
+.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
   position: relative;
 }
-.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
+.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
   -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
           box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
 }
@@ -839,6 +850,9 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.ant-table-title + .ant-table-container table {
+  border-radius: 0;
+}
 .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
   border-radius: 0;
 }
@@ -999,16 +1013,22 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-pagination-item a:hover {
   text-decoration: none;
 }
-.ant-pagination-item:focus-visible,
 .ant-pagination-item:hover {
   border-color: #7a869a;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
-.ant-pagination-item:focus-visible a,
 .ant-pagination-item:hover a {
   color: #7a869a;
 }
+.ant-pagination-item:focus-visible {
+  border-color: #7a869a;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.ant-pagination-item:focus-visible a {
+  color: #7a869a;
+}
 .ant-pagination-item-active {
   font-weight: 500;
   background: #ffffff;
@@ -1017,14 +1037,18 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-pagination-item-active a {
   color: #7a869a;
 }
-.ant-pagination-item-active:focus-visible,
 .ant-pagination-item-active:hover {
   border-color: #9ca0a6;
 }
-.ant-pagination-item-active:focus-visible a,
+.ant-pagination-item-active:focus-visible {
+  border-color: #9ca0a6;
+}
 .ant-pagination-item-active:hover a {
   color: #9ca0a6;
 }
+.ant-pagination-item-active:focus-visible a {
+  color: #9ca0a6;
+}
 .ant-pagination-jump-prev,
 .ant-pagination-jump-next {
   outline: 0;
@@ -1068,18 +1092,22 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }
-.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
-.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,
 .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
 .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
   opacity: 1;
 }
-.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
-.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,
 .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
 .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
   opacity: 0;
 }
+.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
+.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
+  opacity: 1;
+}
+.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
+.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
+  opacity: 0;
+}
 .ant-pagination-prev,
 .ant-pagination-jump-prev,
 .ant-pagination-jump-next {
@@ -1137,19 +1165,28 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   transition: all 0.3s;
 }
 .ant-pagination-prev:focus-visible .ant-pagination-item-link,
-.ant-pagination-next:focus-visible .ant-pagination-item-link,
+.ant-pagination-next:focus-visible .ant-pagination-item-link {
+  color: #7a869a;
+  border-color: #7a869a;
+}
 .ant-pagination-prev:hover .ant-pagination-item-link,
 .ant-pagination-next:hover .ant-pagination-item-link {
   color: #7a869a;
   border-color: #7a869a;
 }
 .ant-pagination-disabled,
-.ant-pagination-disabled:hover,
-.ant-pagination-disabled:focus-visible {
+.ant-pagination-disabled:hover {
   cursor: not-allowed;
 }
 .ant-pagination-disabled .ant-pagination-item-link,
-.ant-pagination-disabled:hover .ant-pagination-item-link,
+.ant-pagination-disabled:hover .ant-pagination-item-link {
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #e5e5e5;
+  cursor: not-allowed;
+}
+.ant-pagination-disabled:focus-visible {
+  cursor: not-allowed;
+}
 .ant-pagination-disabled:focus-visible .ant-pagination-item-link {
   color: rgba(0, 0, 0, 0.25);
   border-color: #e5e5e5;
@@ -1195,19 +1232,20 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   border-radius: 2px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
   width: 50px;
   height: 32px;
   margin: 0 8px;
 }
-.ant-pagination-options-quick-jumper input::-moz-placeholder {
-  opacity: 1;
-}
 .ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-pagination-options-quick-jumper input::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-pagination-options-quick-jumper input::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -1225,14 +1263,14 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-options-quick-jumper input:hover {
   border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input:focus,
 .ant-pagination-options-quick-jumper input-focused {
   border-color: #9ca0a6;
   -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
           box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-pagination-options-quick-jumper input-disabled {
@@ -1246,7 +1284,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-options-quick-jumper input-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -1259,7 +1297,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-options-quick-jumper input[disabled]:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input-borderless,
 .ant-pagination-options-quick-jumper input-borderless:hover,
@@ -1338,55 +1376,55 @@ textarea.ant-pagination-options-quick-jumper input {
   border-color: #e5e5e5;
   cursor: not-allowed;
 }
-.ant-pagination.mini .ant-pagination-total-text,
-.ant-pagination.mini .ant-pagination-simple-pager {
+.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
+.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
   height: 24px;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-item {
+.ant-pagination.ant-pagination-mini .ant-pagination-item {
   min-width: 24px;
   height: 24px;
   margin: 0;
   line-height: 22px;
 }
-.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
+.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
   background: transparent;
   border-color: transparent;
 }
-.ant-pagination.mini .ant-pagination-prev,
-.ant-pagination.mini .ant-pagination-next {
+.ant-pagination.ant-pagination-mini .ant-pagination-prev,
+.ant-pagination.ant-pagination-mini .ant-pagination-next {
   min-width: 24px;
   height: 24px;
   margin: 0;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
-.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
+.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
+.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
   background: transparent;
   border-color: transparent;
 }
-.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
-.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
+.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
+.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
   height: 24px;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-jump-prev,
-.ant-pagination.mini .ant-pagination-jump-next {
+.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
+.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
   height: 24px;
   margin-right: 0;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-options {
+.ant-pagination.ant-pagination-mini .ant-pagination-options {
   margin-left: 2px;
 }
-.ant-pagination.mini .ant-pagination-options-size-changer {
+.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
   top: 0px;
 }
-.ant-pagination.mini .ant-pagination-options-quick-jumper {
+.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
   height: 24px;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-options-quick-jumper input {
+.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
   padding: 1px 7px;
   width: 44px;
   height: 26px;