@carbon/ibm-products 1.62.1 → 1.64.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 (40) hide show
  1. package/css/index-full-carbon.css +29 -0
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +4 -0
  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 -0
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +29 -0
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  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/DatagridToolbar.js +2 -2
  19. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
  20. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +58 -33
  21. package/es/components/Datagrid/useFiltering.js +2 -1
  22. package/es/components/Datagrid/utils/handleFilterTagLabelText.js +26 -0
  23. package/es/components/FilterSummary/FilterSummary.js +21 -7
  24. package/es/components/Guidebanner/Guidebanner.js +12 -3
  25. package/es/components/InlineTip/InlineTip.js +17 -6
  26. package/es/components/TagSet/TagSet.js +22 -5
  27. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  28. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +2 -2
  29. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
  30. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +58 -33
  31. package/lib/components/Datagrid/useFiltering.js +2 -1
  32. package/lib/components/Datagrid/utils/handleFilterTagLabelText.js +33 -0
  33. package/lib/components/FilterSummary/FilterSummary.js +23 -6
  34. package/lib/components/Guidebanner/Guidebanner.js +12 -3
  35. package/lib/components/InlineTip/InlineTip.js +17 -6
  36. package/lib/components/TagSet/TagSet.js +21 -4
  37. package/package.json +3 -3
  38. package/scss/components/FilterSummary/_filter-summary.scss +6 -1
  39. package/scss/components/Guidebanner/_guidebanner.scss +25 -0
  40. package/scss/components/InlineTip/_inline-tip.scss +12 -0
package/css/index-full-carbon.css CHANGED
@@ -13222,6 +13222,10 @@ a.bx--side-nav__link--current::before {
13222
13222
  background: var(--cds-ui-01, #f4f4f4);
13223
13223
  }
13224
13224
 
13225
+ .c4p--filter-summary .c4p--tag-set.c4p--tag-set.c4p--filter-summary__clear-button-inline {
13226
+ width: auto;
13227
+ }
13228
+
13225
13229
  .c4p--http-errors .c4p--http-errors__content {
13226
13230
  position: fixed;
13227
13231
  z-index: 2;
@@ -22778,6 +22782,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
22778
22782
  background: var(--cds-ui-01, #f4f4f4);
22779
22783
  }
22780
22784
 
22785
+ .c4p--filter-summary .c4p--tag-set.c4p--tag-set.c4p--filter-summary__clear-button-inline {
22786
+ width: auto;
22787
+ }
22788
+
22781
22789
  .c4p--datagrid__datagridWrap {
22782
22790
  display: block;
22783
22791
  width: 100%;
@@ -24379,6 +24387,21 @@ th.c4p--datagrid__select-all-toggle-on.button {
24379
24387
  .c4p--guidebanner__close-button::before, .c4p--guidebanner__back-button::before, .c4p--guidebanner__next-button::before {
24380
24388
  z-index: 6001 !important;
24381
24389
  }
24390
+ .c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea {
24391
+ left: var(--cds-spacing-07, 2rem);
24392
+ }
24393
+ .c4p--guidebanner__with-left-gutter .c4p--guidebanner__title {
24394
+ padding-left: calc(3.25rem + var(--cds-spacing-05, 1rem));
24395
+ }
24396
+ .c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation {
24397
+ padding-left: var(--cds-spacing-05, 1rem);
24398
+ }
24399
+ .c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container {
24400
+ padding-left: var(--cds-spacing-05, 1rem);
24401
+ }
24402
+ .c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled {
24403
+ width: var(--cds-spacing-10, 4rem);
24404
+ }
24382
24405
 
24383
24406
  @keyframes fade {
24384
24407
  0% {
@@ -25675,6 +25698,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
25675
25698
  width: calc(7.375rem * 2) !important;
25676
25699
  height: 7.375rem !important;
25677
25700
  }
25701
+ .c4p--inline-tip__wide.c4p--inline-tip__with-left-gutter {
25702
+ padding-left: var(--cds-spacing-10, 4rem);
25703
+ }
25704
+ .c4p--inline-tip__wide.c4p--inline-tip__with-left-gutter .c4p--inline-tip__icon-idea {
25705
+ left: var(--cds-spacing-07, 2rem);
25706
+ }
25678
25707
  .c4p--inline-tip__narrow {
25679
25708
  flex-direction: column-reverse;
25680
25709
  /* stylelint-disable-next-line carbon/layout-token-use */