@carbon/ibm-products 2.0.0-rc.19 → 2.0.0-rc.20

package/css/index-full-carbon.css

@@ -10867,13 +10867,12 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer-accent-01, #e0e0e0);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid__sortableColumn .cds--table-header-label .header-title {
   display: inline-block;
   width: auto;
@@ -10883,36 +10882,43 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100%;
   height: 100%;
 }
-.c4p--datagrid__sortableColumn .cds--table-header-label button:focus,
-.c4p--datagrid__sortableColumn .cds--table-header-label button:active,
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
 .c4p--datagrid__sortableColumn .cds--table-header-label button:focus svg {
   /* stylelint-disable-next-line declaration-no-important */
   background: none !important;
   /* stylelint-disable-next-line declaration-no-important */
   color: var(--cds-text-primary, #161616) !important;
-  /* stylelint-disable-next-line declaration-no-important */
-  outline: none !important;
 }
-.c4p--datagrid__sortableColumn .cds--table-header-label button {
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus + .c4p--datagrid__resizer,
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active + .c4p--datagrid__resizer {
+  z-index: -1;
+}
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort {
   width: 100%;
   min-width: 100%;
-  min-height: 0;
-  padding: 0;
+  padding: 0 1rem;
   border: none;
   /* stylelint-disable-next-line declaration-no-important */
   background: none !important;
-  box-shadow: none;
   /* stylelint-disable-next-line declaration-no-important */
   color: var(--cds-text-primary, #161616) !important;
   font: inherit;
 }
-.c4p--datagrid__sortableColumn .cds--table-header-label button svg {
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort svg {
   fill: var(--cds-text-primary, #161616);
+  opacity: 0;
   visibility: hidden;
 }
+.c4p--datagrid__sortableColumn .cds--table-sort.c4p--datagrid--table-sort {
+  width: calc(100% + 2rem);
+  margin: 0 calc(-1 * 1rem);
+}
 
 .c4p--datagrid__sortableColumn:hover .cds--table-header-label svg,
+.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label svg,
 .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label svg {
+  opacity: 1;
   visibility: visible;
 }