@carbon/ibm-products 1.62.1 → 1.64.0

Sign up to get free protection for your applications and to get access to all the features.
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
@@ -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 */