@carbon/ibm-products 2.84.0 → 2.85.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 (97) hide show
  1. package/css/index-full-carbon.css +18 -13
  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 +18 -13
  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 -13
  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 -13
  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/ContentHeader.js +2 -1
  18. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +12 -1
  19. package/es/components/CreateTearsheet/CreateTearsheet.d.ts +1 -0
  20. package/es/components/CreateTearsheet/CreateTearsheet.js +3 -0
  21. package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -0
  22. package/es/components/CreateTearsheet/CreateTearsheetStep.js +7 -1
  23. package/es/components/EditInPlace/EditInPlace.d.ts +12 -1
  24. package/es/components/EditInPlace/EditInPlace.js +52 -31
  25. package/es/components/ImportModal/ImportModal.d.ts +5 -1
  26. package/es/components/ImportModal/ImportModal.js +12 -6
  27. package/es/components/PageHeader/next/PageHeader.d.ts +15 -238
  28. package/es/components/PageHeader/next/PageHeader.js +25 -637
  29. package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts +41 -0
  30. package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js +74 -0
  31. package/es/components/PageHeader/next/PageHeaderBreadcrumbOverflow.d.ts +12 -0
  32. package/es/components/PageHeader/next/PageHeaderBreadcrumbOverflow.js +82 -0
  33. package/es/components/PageHeader/next/PageHeaderContent.d.ts +39 -0
  34. package/es/components/PageHeader/next/PageHeaderContent.js +129 -0
  35. package/es/components/PageHeader/next/PageHeaderContentPageActions.d.ts +52 -0
  36. package/es/components/PageHeader/next/PageHeaderContentPageActions.js +126 -0
  37. package/es/components/PageHeader/next/PageHeaderContentText.d.ts +44 -0
  38. package/es/components/PageHeader/next/PageHeaderContentText.js +54 -0
  39. package/es/components/PageHeader/next/PageHeaderHeroImage.d.ts +36 -0
  40. package/es/components/PageHeader/next/PageHeaderHeroImage.js +62 -0
  41. package/es/components/PageHeader/next/PageHeaderScrollButton.d.ts +13 -0
  42. package/es/components/PageHeader/next/PageHeaderScrollButton.js +73 -0
  43. package/es/components/PageHeader/next/PageHeaderTabBar.d.ts +19 -0
  44. package/es/components/PageHeader/next/PageHeaderTabBar.js +66 -0
  45. package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts +13 -0
  46. package/es/components/PageHeader/next/PageHeaderTagOverflow.js +68 -0
  47. package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts +9 -0
  48. package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +43 -0
  49. package/es/components/PageHeader/next/index.d.ts +3 -2
  50. package/es/components/PageHeader/next/index.js +11 -1
  51. package/es/global/js/hooks/useCreateComponentStepChange.d.ts +2 -1
  52. package/es/global/js/hooks/useCreateComponentStepChange.js +3 -2
  53. package/es/global/js/hooks/usePortalTarget.js +1 -1
  54. package/es/global/js/utils/makeDraggable/makeDraggable.js +22 -13
  55. package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +2 -1
  56. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +12 -1
  57. package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +1 -0
  58. package/lib/components/CreateTearsheet/CreateTearsheet.js +3 -0
  59. package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -0
  60. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +7 -1
  61. package/lib/components/EditInPlace/EditInPlace.d.ts +12 -1
  62. package/lib/components/EditInPlace/EditInPlace.js +50 -29
  63. package/lib/components/ImportModal/ImportModal.d.ts +5 -1
  64. package/lib/components/ImportModal/ImportModal.js +12 -6
  65. package/lib/components/PageHeader/next/PageHeader.d.ts +15 -238
  66. package/lib/components/PageHeader/next/PageHeader.js +42 -654
  67. package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts +41 -0
  68. package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js +76 -0
  69. package/lib/components/PageHeader/next/PageHeaderBreadcrumbOverflow.d.ts +12 -0
  70. package/lib/components/PageHeader/next/PageHeaderBreadcrumbOverflow.js +84 -0
  71. package/lib/components/PageHeader/next/PageHeaderContent.d.ts +39 -0
  72. package/lib/components/PageHeader/next/PageHeaderContent.js +131 -0
  73. package/lib/components/PageHeader/next/PageHeaderContentPageActions.d.ts +52 -0
  74. package/lib/components/PageHeader/next/PageHeaderContentPageActions.js +128 -0
  75. package/lib/components/PageHeader/next/PageHeaderContentText.d.ts +44 -0
  76. package/lib/components/PageHeader/next/PageHeaderContentText.js +56 -0
  77. package/lib/components/PageHeader/next/PageHeaderHeroImage.d.ts +36 -0
  78. package/lib/components/PageHeader/next/PageHeaderHeroImage.js +64 -0
  79. package/lib/components/PageHeader/next/PageHeaderScrollButton.d.ts +13 -0
  80. package/lib/components/PageHeader/next/PageHeaderScrollButton.js +75 -0
  81. package/lib/components/PageHeader/next/PageHeaderTabBar.d.ts +19 -0
  82. package/lib/components/PageHeader/next/PageHeaderTabBar.js +68 -0
  83. package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts +13 -0
  84. package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +70 -0
  85. package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts +9 -0
  86. package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +45 -0
  87. package/lib/components/PageHeader/next/index.d.ts +3 -2
  88. package/lib/components/PageHeader/next/index.js +20 -10
  89. package/lib/global/js/hooks/useCreateComponentStepChange.d.ts +2 -1
  90. package/lib/global/js/hooks/useCreateComponentStepChange.js +3 -2
  91. package/lib/global/js/hooks/usePortalTarget.js +1 -1
  92. package/lib/global/js/utils/makeDraggable/makeDraggable.js +22 -13
  93. package/package.json +7 -7
  94. package/scss/components/Datagrid/_datagrid.scss +7 -10
  95. package/scss/components/EditInPlace/_edit-in-place.scss +11 -3
  96. package/scss/components/PageHeader/_page-header.scss +2 -1
  97. package/telemetry.yml +13 -0
@@ -8416,7 +8416,7 @@ button.c4p--add-select__global-filter-toggle--open {
8416
8416
  position: sticky;
8417
8417
  z-index: 1;
8418
8418
  background-color: var(--cds-layer);
8419
- block-size: to-rem(40px);
8419
+ block-size: 2.5rem;
8420
8420
  /* stylelint-disable-next-line carbon/layout-use */
8421
8421
  inset-block-start: var(--c4p-page-header-breadcrumb-top);
8422
8422
  }
@@ -8425,11 +8425,11 @@ button.c4p--add-select__global-filter-toggle--open {
8425
8425
  block-size: 100%;
8426
8426
  }
8427
8427
  .c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column {
8428
- block-size: to-rem(40px);
8428
+ block-size: 2.5rem;
8429
8429
  }
8430
8430
  .c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column,
8431
8431
  .c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container {
8432
- block-size: to-rem(40px);
8432
+ block-size: 2.5rem;
8433
8433
  }
8434
8434
  .c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column .c4p--page-header__breadcrumb-wrapper,
8435
8435
  .c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container .c4p--page-header__breadcrumb-wrapper {
@@ -8501,7 +8501,7 @@ button.c4p--add-select__global-filter-toggle--open {
8501
8501
  gap: 1rem;
8502
8502
  grid-template-columns: auto minmax(var(--page-header-title-grid-width, 0), 1fr);
8503
8503
  margin-block-end: 1rem;
8504
- min-block-size: to-rem(40px);
8504
+ min-block-size: 2.5rem;
8505
8505
  }
8506
8506
  .c4p--page-header__next .c4p--page-header__content__start {
8507
8507
  display: flex;
@@ -8526,7 +8526,7 @@ button.c4p--add-select__global-filter-toggle--open {
8526
8526
  overflow: hidden;
8527
8527
  -webkit-box-orient: vertical;
8528
8528
  -webkit-line-clamp: 2;
8529
- max-inline-size: to-rem(640px);
8529
+ max-inline-size: 40rem;
8530
8530
  text-overflow: ellipsis;
8531
8531
  white-space: normal;
8532
8532
  }
@@ -8571,7 +8571,7 @@ button.c4p--add-select__global-filter-toggle--open {
8571
8571
  line-height: var(--cds-body-01-line-height, 1.42857);
8572
8572
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
8573
8573
  margin-block-start: 0.5rem;
8574
- max-inline-size: to-rem(640px);
8574
+ max-inline-size: 40rem;
8575
8575
  }
8576
8576
  .c4p--page-header__next [data-hidden]:not([data-fixed]) {
8577
8577
  display: none;
@@ -11127,8 +11127,14 @@ button.c4p--add-select__global-filter-toggle--open {
11127
11127
  --c4p--edit-in-place--size: 3rem;
11128
11128
  }
11129
11129
 
11130
- .c4p--edit-in-place--readonly {
11131
- cursor: not-allowed;
11130
+ .c4p--edit-in-place__toggletip-wrapper {
11131
+ display: block;
11132
+ inline-size: 100%;
11133
+ }
11134
+
11135
+ .c4p--edit-in-place__toggletip-wrapper .cds--toggletip-button {
11136
+ display: block;
11137
+ inline-size: 100%;
11132
11138
  }
11133
11139
 
11134
11140
  .c4p--edit-in-place:hover {
@@ -11224,7 +11230,7 @@ button.c4p--add-select__global-filter-toggle--open {
11224
11230
  inline-size: var(--toolbar-width-focussed);
11225
11231
  }
11226
11232
  }
11227
- .c4p--edit-in-place--focused .c4p--edit-in-place__toolbar {
11233
+ .c4p--edit-in-place--focused:not(.c4p--edit-in-place--readonly) .c4p--edit-in-place__toolbar {
11228
11234
  overflow: initial;
11229
11235
  animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
11230
11236
  inline-size: var(--toolbar-width-focussed);
@@ -13615,7 +13621,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
13615
13621
  display: block;
13616
13622
  inline-size: 100%;
13617
13623
  }
13618
- .c4p--datagrid__datagridWrap :global(.cds--checkbox) {
13624
+ .c4p--datagrid__datagridWrap .cds--checkbox {
13619
13625
  display: none;
13620
13626
  }
13621
13627
 
@@ -13638,14 +13644,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
13638
13644
  flex-direction: column;
13639
13645
  block-size: 100%;
13640
13646
  inline-size: 100%;
13641
- /* stylelint-disable-next-line */
13642
13647
  }
13643
- .c4p--datagrid__datagridWrap-simple :global .cds--pagination {
13648
+ .c4p--datagrid__datagridWrap-simple .cds--pagination {
13644
13649
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
13645
13650
  overflow-x: unset;
13646
13651
  }
13647
13652
  @supports (overflow-inline: unset) {
13648
- .c4p--datagrid__datagridWrap-simple :global .cds--pagination {
13653
+ .c4p--datagrid__datagridWrap-simple .cds--pagination {
13649
13654
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
13650
13655
  overflow-inline: unset;
13651
13656
  }