@carbon/ibm-products 2.77.1 → 2.78.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 (70) hide show
  1. package/css/index-full-carbon.css +17 -20
  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 +224 -20
  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 +17 -20
  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 +17 -20
  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/Coachmark/next/Coachmark/Coachmark.d.ts +8 -1
  18. package/es/components/Coachmark/next/Coachmark/Coachmark.js +4 -1
  19. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +89 -0
  20. package/{lib/patterns/DeleteAndRemove/_story-assets/utils.d.ts → es/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js} +3 -2
  21. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +0 -4
  22. package/es/components/Coachmark/next/Coachmark/ContentBody.d.ts +1 -1
  23. package/es/components/Coachmark/next/Coachmark/ContentBody.js +1 -1
  24. package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts +1 -2
  25. package/es/components/Coachmark/next/Coachmark/ContentHeader.js +1 -1
  26. package/es/components/Coachmark/next/Coachmark/index.d.ts +4 -0
  27. package/es/components/Datagrid/Datagrid/DatagridContent.d.ts +0 -1
  28. package/es/components/Datagrid/Datagrid/DatagridContent.js +0 -1
  29. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
  30. package/es/components/FeatureFlags/index.js +14 -0
  31. package/es/components/PageHeader/next/PageHeader.js +6 -2
  32. package/es/components/PageHeader/next/_story-assets/pageActionButtonItems.d.ts +15 -0
  33. package/es/components/SidePanel/SidePanel.d.ts +0 -1
  34. package/es/components/SidePanel/SidePanel.js +0 -3
  35. package/es/components/index.d.ts +1 -1
  36. package/es/global/js/hooks/usePortalTarget.js +0 -1
  37. package/es/index.d.ts +0 -1
  38. package/es/index.js +4 -3
  39. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +8 -1
  40. package/lib/components/Coachmark/next/Coachmark/Coachmark.js +4 -1
  41. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +91 -0
  42. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js +14 -0
  43. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +0 -4
  44. package/lib/components/Coachmark/next/Coachmark/ContentBody.d.ts +1 -1
  45. package/lib/components/Coachmark/next/Coachmark/ContentBody.js +1 -0
  46. package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts +1 -2
  47. package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +1 -3
  48. package/lib/components/Coachmark/next/Coachmark/index.d.ts +4 -0
  49. package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts +0 -1
  50. package/lib/components/Datagrid/Datagrid/DatagridContent.js +0 -1
  51. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
  52. package/lib/components/FeatureFlags/index.js +19 -5
  53. package/lib/components/PageHeader/next/PageHeader.js +6 -2
  54. package/lib/components/PageHeader/next/_story-assets/pageActionButtonItems.d.ts +15 -0
  55. package/lib/components/SidePanel/SidePanel.d.ts +0 -1
  56. package/lib/components/SidePanel/SidePanel.js +0 -3
  57. package/lib/components/index.d.ts +1 -1
  58. package/lib/global/js/hooks/usePortalTarget.js +0 -1
  59. package/lib/index.d.ts +0 -1
  60. package/lib/index.js +13 -12
  61. package/package.json +6 -7
  62. package/scss/components/Datagrid/styles/_datagrid.scss +6 -2
  63. package/scss/components/PageHeader/_page-header.scss +18 -1
  64. package/scss/components/SidePanel/_side-panel.scss +0 -13
  65. package/scss/components/_index-released-only.scss +1 -0
  66. package/es/feature-flags.d.ts +0 -1
  67. package/es/feature-flags.js +0 -22
  68. package/es/patterns/DeleteAndRemove/_story-assets/utils.d.ts +0 -7
  69. package/lib/feature-flags.d.ts +0 -1
  70. package/lib/feature-flags.js +0 -43
@@ -3670,13 +3670,8 @@ p.c4p--about-modal__copyright-text:first-child {
3670
3670
  font-weight: var(--cds-heading-03-font-weight, 400);
3671
3671
  line-height: var(--cds-heading-03-line-height, 1.4);
3672
3672
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
3673
- display: -webkit-box;
3674
- overflow: hidden;
3675
- -webkit-box-orient: vertical;
3676
- -webkit-line-clamp: 2;
3677
3673
  /* stylelint-disable-next-line carbon/layout-use -- custom css property set below */
3678
3674
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
3679
- word-break: break-all;
3680
3675
  opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
3681
3676
  }
3682
3677
  .c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__title-text {
@@ -3691,24 +3686,16 @@ p.c4p--about-modal__copyright-text:first-child {
3691
3686
  font-weight: var(--cds-label-01-font-weight, 400);
3692
3687
  line-height: var(--cds-label-01-line-height, 1.33333);
3693
3688
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
3694
- overflow: hidden;
3695
3689
  opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
3696
3690
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
3697
- text-overflow: ellipsis;
3698
- white-space: nowrap;
3699
3691
  }
3700
3692
  .c4p--side-panel .c4p--side-panel__collapsed-title-text {
3701
3693
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
3702
3694
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
3703
3695
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
3704
3696
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
3705
- display: -webkit-box;
3706
- overflow: hidden;
3707
- -webkit-box-orient: vertical;
3708
- -webkit-line-clamp: 2;
3709
3697
  /* stylelint-disable-next-line carbon/layout-use -- custom css property set below */
3710
3698
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
3711
- word-break: break-all;
3712
3699
  position: absolute;
3713
3700
  inset-block-start: 0;
3714
3701
  opacity: var(--c4p--side-panel--scroll-animation-progress);
@@ -3722,10 +3709,6 @@ p.c4p--about-modal__copyright-text:first-child {
3722
3709
  font-weight: var(--cds-body-compact-01-font-weight, 400);
3723
3710
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
3724
3711
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
3725
- overflow: hidden;
3726
- -webkit-box-orient: vertical;
3727
- -webkit-line-clamp: 3;
3728
- line-clamp: 3;
3729
3712
  opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
3730
3713
  padding-block-end: 1rem;
3731
3714
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
@@ -7950,6 +7933,18 @@ button.c4p--add-select__global-filter-toggle--open {
7950
7933
  .c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid {
7951
7934
  block-size: 100%;
7952
7935
  }
7936
+ .c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column {
7937
+ block-size: 2.5rem;
7938
+ }
7939
+ .c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column,
7940
+ .c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container {
7941
+ block-size: 2.5rem;
7942
+ }
7943
+ .c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column .c4p--page-header__breadcrumb-wrapper,
7944
+ .c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container .c4p--page-header__breadcrumb-wrapper {
7945
+ align-items: center;
7946
+ block-size: inherit;
7947
+ }
7953
7948
  .c4p--page-header__next .c4p--page-header__breadcrumb-container {
7954
7949
  display: inline-flex;
7955
7950
  align-items: center;
@@ -8093,7 +8088,6 @@ button.c4p--add-select__global-filter-toggle--open {
8093
8088
  }
8094
8089
  .c4p--page-header__next .c4p--page-header__tab-bar {
8095
8090
  background-color: var(--cds-layer);
8096
- margin-inline-start: -1rem;
8097
8091
  }
8098
8092
  .c4p--page-header__next .c4p--page-header__tab-bar--tablist {
8099
8093
  display: grid;
@@ -11018,8 +11012,8 @@ button.c4p--add-select__global-filter-toggle--open {
11018
11012
  overflow-inline: auto;
11019
11013
  }
11020
11014
  }
11021
- .c4p--datagrid__grid-container .c4p--datagrid-filter-panel + .c4p--datagrid__table-container-inner .cds--data-table-content {
11022
- block-size: fit-content;
11015
+ .c4p--datagrid__grid-container .c4p--datagrid-filter-panel + .c4p--datagrid__table-container-inner .cds--pagination {
11016
+ background-color: var(--cds-layer-02, #ffffff);
11023
11017
  }
11024
11018
  .c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
11025
11019
  display: flex;
@@ -11296,6 +11290,9 @@ button.c4p--add-select__global-filter-toggle--open {
11296
11290
  .c4p--datagrid__datagridWithPanel .c4p--datagrid__table-simple {
11297
11291
  block-size: 100%;
11298
11292
  }
11293
+ .c4p--datagrid__datagridWithPanel .cds--data-table-content {
11294
+ block-size: fit-content;
11295
+ }
11299
11296
 
11300
11297
  .c4p--datagrid__table-container {
11301
11298
  position: relative;