@carbon/ibm-products 2.13.0 → 2.14.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. package/css/index-full-carbon.css +29 -3
  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-released-only.css +7 -2
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +29 -3
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +29 -3
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  18. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -2
  19. package/es/components/FilterSummary/FilterSummary.js +6 -2
  20. package/es/components/TagSet/TagSet.js +11 -3
  21. package/es/components/TagSet/TagSetOverflow.js +16 -5
  22. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  23. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -2
  24. package/lib/components/FilterSummary/FilterSummary.js +6 -2
  25. package/lib/components/TagSet/TagSet.js +11 -3
  26. package/lib/components/TagSet/TagSetOverflow.js +16 -5
  27. package/package.json +2 -2
  28. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +37 -1
  29. package/scss/components/TagSet/_tag-set.scss +10 -2
@@ -8104,10 +8104,15 @@ button.c4p--add-select__global-filter-toggle--open {
8104
8104
  color: var(--cds-text-inverse, #ffffff);
8105
8105
  }
8106
8106
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-list {
8107
+ display: flex;
8108
+ flex-direction: column;
8107
8109
  margin-bottom: 0.5rem;
8108
8110
  }
8109
- .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item,
8110
- .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item .cds--tag {
8111
+ .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
8112
+ background-color: var(--cds-background-inverse-hover, #474747);
8113
+ }
8114
+ .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default,
8115
+ .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default .cds--tag {
8111
8116
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
8112
8117
  font-weight: var(--cds-body-compact-01-font-weight, 400);
8113
8118
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -12089,7 +12094,28 @@ button.c4p--add-select__global-filter-toggle--open {
12089
12094
  justify-content: center;
12090
12095
  }
12091
12096
 
12092
- .c4p--datagrid .c4p--datagrid__row-size__row-settings-trigger--open.cds--btn--ghost {
12097
+ .c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center td,
12098
+ .c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top td {
12099
+ align-items: flex-start;
12100
+ padding-top: 1rem;
12101
+ padding-bottom: 1rem;
12102
+ }
12103
+ .c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__actions-column-cell,
12104
+ .c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__actions-column-cell {
12105
+ padding-left: 0.5rem;
12106
+ }
12107
+
12108
+ .c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center th .cds--table-header-label,
12109
+ .c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top th .cds--table-header-label {
12110
+ align-items: flex-start;
12111
+ }
12112
+
12113
+ .c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
12114
+ align-items: flex-start;
12115
+ padding-top: 0.75rem;
12116
+ }
12117
+
12118
+ .c4p--datagrid__row-size__row-settings-trigger--open.cds--btn--ghost {
12093
12119
  background-color: var(--cds-layer-02, #ffffff);
12094
12120
  }
12095
12121