@carbon/ibm-products 2.58.0 → 2.59.0-rc.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 (60) hide show
  1. package/css/index-full-carbon.css +18 -14
  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 +17 -4
  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 +18 -14
  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 +18 -14
  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/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
  18. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +1 -1
  19. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -1
  20. package/es/components/InterstitialScreen/InterstitialScreen.js +10 -7
  21. package/es/components/NotificationsPanel/NotificationsPanel.js +12 -3
  22. package/es/components/PageHeader/PageHeader.js +11 -1
  23. package/es/components/ScrollGradient/ScrollGradient.js +34 -27
  24. package/es/components/StringFormatter/StringFormatter.js +9 -6
  25. package/es/components/TagOverflow/TagOverflow.d.ts +10 -1
  26. package/es/components/TagOverflow/TagOverflow.js +54 -146
  27. package/es/components/Tearsheet/Tearsheet.d.ts +6 -14
  28. package/es/components/Tearsheet/Tearsheet.js +2 -18
  29. package/es/components/Tearsheet/TearsheetNarrow.d.ts +6 -4
  30. package/es/components/Tearsheet/TearsheetNarrow.js +2 -10
  31. package/es/components/Tearsheet/TearsheetShell.d.ts +8 -8
  32. package/es/components/Tearsheet/TearsheetShell.js +40 -27
  33. package/es/components/TruncatedList/TruncatedList.js +7 -4
  34. package/es/components/WebTerminal/WebTerminal.js +15 -5
  35. package/es/global/js/hooks/useOverflowItems.d.ts +16 -0
  36. package/es/global/js/hooks/useOverflowItems.js +88 -0
  37. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
  38. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +1 -1
  39. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -1
  40. package/lib/components/InterstitialScreen/InterstitialScreen.js +9 -6
  41. package/lib/components/NotificationsPanel/NotificationsPanel.js +12 -3
  42. package/lib/components/PageHeader/PageHeader.js +11 -1
  43. package/lib/components/ScrollGradient/ScrollGradient.js +32 -25
  44. package/lib/components/StringFormatter/StringFormatter.js +8 -5
  45. package/lib/components/TagOverflow/TagOverflow.d.ts +10 -1
  46. package/lib/components/TagOverflow/TagOverflow.js +52 -144
  47. package/lib/components/Tearsheet/Tearsheet.d.ts +6 -14
  48. package/lib/components/Tearsheet/Tearsheet.js +1 -17
  49. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +6 -4
  50. package/lib/components/Tearsheet/TearsheetNarrow.js +1 -9
  51. package/lib/components/Tearsheet/TearsheetShell.d.ts +8 -8
  52. package/lib/components/Tearsheet/TearsheetShell.js +37 -24
  53. package/lib/components/TruncatedList/TruncatedList.js +7 -4
  54. package/lib/components/WebTerminal/WebTerminal.js +14 -4
  55. package/lib/global/js/hooks/useOverflowItems.d.ts +16 -0
  56. package/lib/global/js/hooks/useOverflowItems.js +90 -0
  57. package/package.json +5 -5
  58. package/scss/components/ConditionBuilder/_condition-builder.scss +0 -6
  59. package/scss/components/TagOverflow/_tag-overflow.scss +1 -6
  60. package/scss/components/Tearsheet/_tearsheet.scss +21 -6
package/css/index-full-carbon.css CHANGED
@@ -3596,16 +3596,12 @@ p.c4p--about-modal__copyright-text:first-child {
3596
3596
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
3597
3597
  }
3598
3598
  .c4p--tearsheet .c4p--tearsheet__header-description {
3599
- display: -webkit-box;
3600
- overflow: hidden;
3601
3599
  max-width: 100%;
3602
3600
  margin-top: 1rem;
3603
3601
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
3604
3602
  font-weight: var(--cds-body-compact-01-font-weight, 400);
3605
3603
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
3606
3604
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
3607
- -webkit-box-orient: vertical;
3608
- -webkit-line-clamp: 2;
3609
3605
  word-break: break-word;
3610
3606
  }
3611
3607
  @media (min-width: 42rem) {
@@ -3613,6 +3609,23 @@ p.c4p--about-modal__copyright-text:first-child {
3613
3609
  max-width: 60%;
3614
3610
  }
3615
3611
  }
3612
+ .c4p--tearsheet .c4p--tearsheet__description-tooltip .cds--definition-term {
3613
+ border-bottom: 0;
3614
+ letter-spacing: inherit;
3615
+ word-break: break-word;
3616
+ }
3617
+ .c4p--tearsheet .c4p--tearsheet__description-tooltip {
3618
+ display: inline-flex;
3619
+ }
3620
+ .c4p--tearsheet .c4p--tearsheet__description-tooltip .cds--popover-content.cds--definition-tooltip {
3621
+ max-inline-size: fit-content;
3622
+ }
3623
+ .c4p--tearsheet .c4p--tearsheet__description-text {
3624
+ display: -webkit-box;
3625
+ overflow: hidden;
3626
+ -webkit-box-orient: vertical;
3627
+ -webkit-line-clamp: 2;
3628
+ }
3616
3629
  .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
3617
3630
  margin-top: 0.5rem;
3618
3631
  }
@@ -17639,13 +17652,8 @@ a.cds--side-nav__link--current::before {
17639
17652
  color: var(--cds-text-error, #da1e28);
17640
17653
  }
17641
17654
 
17642
- .c4p--tag-overflow {
17655
+ .c4p--tag-overflow__visible-tags {
17643
17656
  display: flex;
17644
- width: 100%;
17645
- min-width: 6rem;
17646
- align-items: center;
17647
- justify-content: flex-start;
17648
- white-space: nowrap;
17649
17657
  }
17650
17658
 
17651
17659
  .c4p--tag-overflow--align-end {
@@ -20148,10 +20156,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20148
20156
  margin-bottom: 0;
20149
20157
  }
20150
20158
 
20151
- .c4p--condition-builder {
20152
- padding: 1.5rem;
20153
- }
20154
-
20155
20159
  .c4p--condition-builder__condition-builder__group {
20156
20160
  display: flex;
20157
20161
  }