@carbon/ibm-products 2.0.0-rc.19 → 2.0.0-rc.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +22 -16
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +22 -16
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +22 -16
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/useSortableColumns.js +14 -8
- package/lib/components/Datagrid/useSortableColumns.js +11 -2
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_useSortableColumns.scss +35 -16
|
@@ -10867,13 +10867,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
10867
10867
|
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
|
10868
10868
|
}
|
|
10869
10869
|
|
|
10870
|
-
|
|
10871
|
-
*
|
|
10872
|
-
*
|
|
10873
|
-
*
|
|
10874
|
-
*
|
|
10875
|
-
|
|
10876
|
-
*/
|
|
10870
|
+
/**
|
|
10871
|
+
* Copyright IBM Corp. 2020, 2023
|
|
10872
|
+
*
|
|
10873
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
10874
|
+
* LICENSE file in the root directory of this source tree.
|
|
10875
|
+
*/
|
|
10877
10876
|
.c4p--datagrid__sortableColumn .cds--table-header-label .header-title {
|
|
10878
10877
|
display: inline-block;
|
|
10879
10878
|
width: auto;
|
|
@@ -10883,36 +10882,43 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
10883
10882
|
width: 100%;
|
|
10884
10883
|
height: 100%;
|
|
10885
10884
|
}
|
|
10886
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
|
10887
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
|
10885
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
|
|
10886
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
|
|
10888
10887
|
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus svg {
|
|
10889
10888
|
/* stylelint-disable-next-line declaration-no-important */
|
|
10890
10889
|
background: none !important;
|
|
10891
10890
|
/* stylelint-disable-next-line declaration-no-important */
|
|
10892
10891
|
color: var(--cds-text-primary, #161616) !important;
|
|
10893
|
-
/* stylelint-disable-next-line declaration-no-important */
|
|
10894
|
-
outline: none !important;
|
|
10895
10892
|
}
|
|
10896
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
|
10893
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus + .c4p--datagrid__resizer,
|
|
10894
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active + .c4p--datagrid__resizer {
|
|
10895
|
+
z-index: -1;
|
|
10896
|
+
}
|
|
10897
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort {
|
|
10897
10898
|
width: 100%;
|
|
10898
10899
|
min-width: 100%;
|
|
10899
|
-
|
|
10900
|
-
padding: 0;
|
|
10900
|
+
padding: 0 1rem;
|
|
10901
10901
|
border: none;
|
|
10902
10902
|
/* stylelint-disable-next-line declaration-no-important */
|
|
10903
10903
|
background: none !important;
|
|
10904
|
-
box-shadow: none;
|
|
10905
10904
|
/* stylelint-disable-next-line declaration-no-important */
|
|
10906
10905
|
color: var(--cds-text-primary, #161616) !important;
|
|
10907
10906
|
font: inherit;
|
|
10908
10907
|
}
|
|
10909
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
|
10908
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort svg {
|
|
10910
10909
|
fill: var(--cds-text-primary, #161616);
|
|
10910
|
+
opacity: 0;
|
|
10911
10911
|
visibility: hidden;
|
|
10912
10912
|
}
|
|
10913
|
+
.c4p--datagrid__sortableColumn .cds--table-sort.c4p--datagrid--table-sort {
|
|
10914
|
+
width: calc(100% + 2rem);
|
|
10915
|
+
margin: 0 calc(-1 * 1rem);
|
|
10916
|
+
}
|
|
10913
10917
|
|
|
10914
10918
|
.c4p--datagrid__sortableColumn:hover .cds--table-header-label svg,
|
|
10919
|
+
.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label svg,
|
|
10915
10920
|
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label svg {
|
|
10921
|
+
opacity: 1;
|
|
10916
10922
|
visibility: visible;
|
|
10917
10923
|
}
|
|
10918
10924
|
|