@carbon/ibm-products 1.56.0 → 1.57.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +61 -0
- 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 +61 -0
- 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 +61 -0
- 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/Datagrid/Datagrid.js +12 -7
- package/es/components/Datagrid/Datagrid/DatagridContent.js +6 -3
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +127 -7
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +1 -23
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +111 -0
- package/es/components/Datagrid/useDatagrid.js +5 -2
- package/es/components/Datagrid/utils/getColTitle.js +25 -0
- package/es/global/js/hooks/useResizeObserver.js +19 -3
- package/lib/components/Datagrid/Datagrid/Datagrid.js +12 -7
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +6 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +130 -7
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +4 -26
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +122 -0
- package/lib/components/Datagrid/useDatagrid.js +5 -2
- package/lib/components/Datagrid/utils/getColTitle.js +32 -0
- package/lib/global/js/hooks/useResizeObserver.js +19 -3
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_datagrid.scss +65 -0
|
@@ -21550,6 +21550,67 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21550
21550
|
background-color: var(--cds-ui-03, #e0e0e0);
|
|
21551
21551
|
}
|
|
21552
21552
|
|
|
21553
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range {
|
|
21554
|
+
position: absolute;
|
|
21555
|
+
z-index: 2;
|
|
21556
|
+
top: 0;
|
|
21557
|
+
right: calc(var(--cds-spacing-03, 0.5rem) * -1);
|
|
21558
|
+
width: 1rem;
|
|
21559
|
+
height: 100%;
|
|
21560
|
+
margin: 0;
|
|
21561
|
+
-webkit-appearance: none;
|
|
21562
|
+
appearance: none;
|
|
21563
|
+
background: transparent;
|
|
21564
|
+
}
|
|
21565
|
+
|
|
21566
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus {
|
|
21567
|
+
outline: 0;
|
|
21568
|
+
}
|
|
21569
|
+
|
|
21570
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus::before {
|
|
21571
|
+
position: absolute;
|
|
21572
|
+
top: 50%;
|
|
21573
|
+
left: 50%;
|
|
21574
|
+
width: 2px;
|
|
21575
|
+
height: 100%;
|
|
21576
|
+
background-color: var(--cds-focus, #0f62fe);
|
|
21577
|
+
content: "";
|
|
21578
|
+
transform: translate(-50%, -50%);
|
|
21579
|
+
}
|
|
21580
|
+
|
|
21581
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator {
|
|
21582
|
+
position: absolute;
|
|
21583
|
+
z-index: 2;
|
|
21584
|
+
right: calc(var(--cds-spacing-03, 0.5rem) * -1);
|
|
21585
|
+
width: 0.5rem;
|
|
21586
|
+
height: 0.5rem;
|
|
21587
|
+
border-radius: 100%;
|
|
21588
|
+
margin: 0;
|
|
21589
|
+
background-color: var(--cds-focus, #0f62fe);
|
|
21590
|
+
transform: translate(-50%, 0);
|
|
21591
|
+
}
|
|
21592
|
+
|
|
21593
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus::after {
|
|
21594
|
+
position: absolute;
|
|
21595
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
|
21596
|
+
top: var(--c4p--datagrid--row-height);
|
|
21597
|
+
right: var(--cds-spacing-03, 0.5rem);
|
|
21598
|
+
width: 1px;
|
|
21599
|
+
height: calc(var(--c4p--datagrid--grid-height) - var(--c4p--datagrid--row-height));
|
|
21600
|
+
background-color: var(--cds-active-ui, #c6c6c6);
|
|
21601
|
+
content: "";
|
|
21602
|
+
}
|
|
21603
|
+
|
|
21604
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range::-webkit-slider-thumb {
|
|
21605
|
+
width: 16px;
|
|
21606
|
+
height: 16px;
|
|
21607
|
+
border: none;
|
|
21608
|
+
border-radius: 50%;
|
|
21609
|
+
-webkit-appearance: none;
|
|
21610
|
+
appearance: none;
|
|
21611
|
+
background: transparent;
|
|
21612
|
+
}
|
|
21613
|
+
|
|
21553
21614
|
/*
|
|
21554
21615
|
* Licensed Materials - Property of IBM
|
|
21555
21616
|
* 5724-Q36
|