@carbon/ibm-products 2.30.0-alpha.9 → 2.30.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +28 -7
- 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-released-only.css +17 -7
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +28 -7
- 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 +28 -7
- 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/addons/CustomizeColumns/DraggableItemsList.js +4 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +4 -2
- package/package.json +5 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +15 -4
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +5 -2
package/css/index.css
CHANGED
@@ -4011,6 +4011,10 @@ fieldset[disabled] .cds--form__helper-text {
|
|
4011
4011
|
}
|
4012
4012
|
}
|
4013
4013
|
|
4014
|
+
.cds--tabs--contained ~ .cds--tab-content {
|
4015
|
+
background: var(--cds-layer);
|
4016
|
+
}
|
4017
|
+
|
4014
4018
|
.cds--tab-content--interactive:focus {
|
4015
4019
|
outline: none;
|
4016
4020
|
}
|
@@ -4595,6 +4599,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
4595
4599
|
outline: 2px solid transparent;
|
4596
4600
|
outline-offset: -2px;
|
4597
4601
|
background-color: var(--cds-layer);
|
4602
|
+
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
4598
4603
|
}
|
4599
4604
|
|
4600
4605
|
.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg {
|
@@ -8240,6 +8245,8 @@ a.cds--overflow-menu-options__btn::before {
|
|
8240
8245
|
inline-size: 1px;
|
8241
8246
|
visibility: inherit;
|
8242
8247
|
white-space: nowrap;
|
8248
|
+
margin-block-start: 0.9rem;
|
8249
|
+
margin-inline-start: 0.63rem;
|
8243
8250
|
visibility: inherit;
|
8244
8251
|
}
|
8245
8252
|
|
@@ -16326,7 +16333,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16326
16333
|
position: sticky;
|
16327
16334
|
z-index: 1;
|
16328
16335
|
left: 0;
|
16329
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
16330
16336
|
}
|
16331
16337
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
16332
16338
|
align-items: center;
|
@@ -16348,7 +16354,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16348
16354
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left {
|
16349
16355
|
position: sticky;
|
16350
16356
|
left: 0;
|
16351
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
16352
16357
|
}
|
16353
16358
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
|
16354
16359
|
display: flex;
|
@@ -16528,6 +16533,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16528
16533
|
/* stylelint-disable-next-line declaration-no-important */
|
16529
16534
|
color: var(--cds-link-primary-hover, #0043ce) !important;
|
16530
16535
|
}
|
16536
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row td {
|
16537
|
+
/* stylelint-disable-next-line declaration-no-important */
|
16538
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
16539
|
+
}
|
16540
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover td {
|
16541
|
+
/* stylelint-disable-next-line declaration-no-important */
|
16542
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
16543
|
+
}
|
16544
|
+
.c4p--datagrid__grid-container .cds--data-table--selected td {
|
16545
|
+
/* stylelint-disable-next-line declaration-no-important */
|
16546
|
+
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
16547
|
+
}
|
16531
16548
|
.c4p--datagrid__grid-container .cds--select-input {
|
16532
16549
|
-webkit-appearance: none;
|
16533
16550
|
}
|
@@ -16607,9 +16624,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16607
16624
|
background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
|
16608
16625
|
}
|
16609
16626
|
|
16610
|
-
.c4p--datagrid__resizableColumn:hover {
|
16611
|
-
background-color: var(--cds-layer-selected-hover);
|
16612
|
-
}
|
16613
16627
|
.c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
|
16614
16628
|
border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
|
16615
16629
|
background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
|
@@ -17194,7 +17208,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17194
17208
|
display: flex;
|
17195
17209
|
align-items: center;
|
17196
17210
|
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
17197
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
17198
17211
|
}
|
17199
17212
|
|
17200
17213
|
.c4p--datagrid__right-sticky-column-header {
|
@@ -17210,7 +17223,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17210
17223
|
display: flex;
|
17211
17224
|
align-items: center;
|
17212
17225
|
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
17213
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
17214
17226
|
}
|
17215
17227
|
|
17216
17228
|
.c4p--datagrid__left-sticky-column-header {
|
@@ -17218,6 +17230,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17218
17230
|
position: sticky !important;
|
17219
17231
|
z-index: 1;
|
17220
17232
|
left: 0;
|
17233
|
+
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
17234
|
+
}
|
17235
|
+
|
17236
|
+
.c4p--datagrid__right-sticky-column-header {
|
17237
|
+
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
17221
17238
|
}
|
17222
17239
|
|
17223
17240
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
@@ -26321,6 +26338,10 @@ button.cds--dropdown-text:focus {
|
|
26321
26338
|
border-block-end-color: var(--cds-border-subtle);
|
26322
26339
|
}
|
26323
26340
|
|
26341
|
+
.cds--dropdown--inline.cds--dropdown--readonly {
|
26342
|
+
border-block-end-color: transparent;
|
26343
|
+
}
|
26344
|
+
|
26324
26345
|
.cds--dropdown--readonly .cds--list-box__field,
|
26325
26346
|
.cds--dropdown--readonly .cds--list-box__menu-icon {
|
26326
26347
|
cursor: default;
|