@carbon/ibm-products 1.45.0 → 1.46.0

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.
Files changed (32) hide show
  1. package/css/index-full-carbon.css +28 -17
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +28 -17
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +28 -17
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -2
  14. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +18 -228
  15. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +39 -268
  16. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +4 -4
  17. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +2 -1
  18. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +276 -0
  19. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +6 -6
  20. package/es/components/Datagrid/useSortableColumns.js +16 -10
  21. package/es/components/Datagrid/utils/DatagridActions.js +2 -2
  22. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -2
  23. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +22 -224
  24. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +44 -265
  25. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +4 -4
  26. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +8 -1
  27. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +280 -0
  28. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +5 -5
  29. package/lib/components/Datagrid/useSortableColumns.js +9 -3
  30. package/lib/components/Datagrid/utils/DatagridActions.js +2 -2
  31. package/package.json +8 -8
  32. package/scss/components/Datagrid/styles/_useSortableColumns.scss +33 -17
package/css/index-full-carbon.css CHANGED
@@ -21572,13 +21572,12 @@ button.c4p--add-select__global-filter-toggle--open {
21572
21572
  background-color: var(--cds-ui-03, #e0e0e0);
21573
21573
  }
21574
21574
 
21575
- /*
21576
- * Licensed Materials - Property of IBM
21577
- * 5724-Q36
21578
- * (c) Copyright IBM Corp. 2020
21579
- * US Government Users Restricted Rights - Use, duplication or disclosure
21580
- * restricted by GSA ADP Schedule Contract with IBM Corp.
21581
- */
21575
+ /**
21576
+ * Copyright IBM Corp. 2020, 2023
21577
+ *
21578
+ * This source code is licensed under the Apache-2.0 license found in the
21579
+ * LICENSE file in the root directory of this source tree.
21580
+ */
21582
21581
  .c4p--datagrid__sortableColumn .bx--table-header-label .header-title {
21583
21582
  display: inline-block;
21584
21583
  width: auto;
@@ -21588,39 +21587,51 @@ button.c4p--add-select__global-filter-toggle--open {
21588
21587
  width: 100%;
21589
21588
  height: 100%;
21590
21589
  }
21591
- .c4p--datagrid__sortableColumn .bx--table-header-label button:focus,
21592
- .c4p--datagrid__sortableColumn .bx--table-header-label button:active,
21593
- .c4p--datagrid__sortableColumn .bx--table-header-label button:focus svg {
21590
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus,
21591
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:active,
21592
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus svg {
21594
21593
  /* stylelint-disable-next-line declaration-no-important */
21595
21594
  background: none !important;
21596
21595
  /* stylelint-disable-next-line declaration-no-important */
21597
21596
  color: var(--cds-text-01, #161616) !important;
21598
- /* stylelint-disable-next-line declaration-no-important */
21599
- outline: none !important;
21600
21597
  }
21601
- .c4p--datagrid__sortableColumn .bx--table-header-label button {
21598
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus + .c4p--datagrid__resizer,
21599
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:active + .c4p--datagrid__resizer {
21600
+ z-index: -1;
21601
+ }
21602
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort {
21602
21603
  width: 100%;
21603
21604
  min-width: 100%;
21604
- min-height: 0;
21605
- padding: 0;
21605
+ padding: 0 var(--cds-spacing-05, 1rem);
21606
21606
  border: none;
21607
21607
  /* stylelint-disable-next-line declaration-no-important */
21608
21608
  background: none !important;
21609
- box-shadow: none;
21610
21609
  /* stylelint-disable-next-line declaration-no-important */
21611
21610
  color: var(--cds-text-01, #161616) !important;
21612
21611
  font: inherit;
21613
21612
  }
21614
- .c4p--datagrid__sortableColumn .bx--table-header-label button svg {
21613
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort svg {
21615
21614
  fill: var(--cds-text-01, #161616);
21615
+ opacity: 0;
21616
+ transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
21616
21617
  visibility: hidden;
21617
21618
  }
21619
+ .c4p--datagrid__sortableColumn .bx--table-sort.c4p--datagrid--table-sort {
21620
+ width: calc(100% + var(--cds-spacing-07, 2rem));
21621
+ margin: 0 calc(-1 * var(--cds-spacing-05, 1rem));
21622
+ }
21618
21623
 
21619
21624
  .c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
21625
+ .c4p--datagrid__sortableColumn:focus-within .bx--table-header-label svg,
21620
21626
  .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
21627
+ opacity: 1;
21621
21628
  visibility: visible;
21622
21629
  }
21623
21630
 
21631
+ .c4p--datagrid__sortableColumn .c4p--datagrid--table-sort--desc svg {
21632
+ transform: rotate(180deg);
21633
+ }
21634
+
21624
21635
  /*
21625
21636
  * Licensed Materials - Property of IBM
21626
21637
  * 5724-Q36