@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
@@ -35,7 +35,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--datagrid;
35
35
  display: block;
36
36
  inline-size: 100%;
37
37
 
38
- :global(.#{carbon-config.$prefix}--checkbox) {
38
+ .#{carbon-config.$prefix}--checkbox {
39
39
  display: none;
40
40
  }
41
41
  }
@@ -65,16 +65,13 @@ $block-class: #{c4p-settings.$pkg-prefix}--datagrid;
65
65
  block-size: 100%;
66
66
  inline-size: 100%;
67
67
 
68
- /* stylelint-disable-next-line */
69
- :global {
70
- .#{carbon-config.$prefix}--pagination {
71
- // newer version of carbon pagination has scroll which doesn't make any sense, removing it
68
+ .#{carbon-config.$prefix}--pagination {
69
+ // newer version of carbon pagination has scroll which doesn't make any sense, removing it
70
+ /* stylelint-disable-next-line declaration-property-value-disallowed-list */
71
+ overflow-x: unset;
72
+ @supports (overflow-inline: unset) {
72
73
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
73
- overflow-x: unset;
74
- @supports (overflow-inline: unset) {
75
- /* stylelint-disable-next-line declaration-property-value-disallowed-list */
76
- overflow-inline: unset;
77
- }
74
+ overflow-inline: unset;
78
75
  }
79
76
  }
80
77
  }
@@ -39,8 +39,15 @@ $carbon-input: #{carbon-config.$prefix}--text-input;
39
39
  --#{$block-class}--size: #{$spacing-09};
40
40
  }
41
41
 
42
- .#{$block-class}--readonly {
43
- cursor: not-allowed;
42
+ .#{$block-class}__toggletip-wrapper {
43
+ display: block;
44
+ inline-size: 100%;
45
+ }
46
+
47
+ .#{$block-class}__toggletip-wrapper
48
+ .#{carbon-config.$prefix}--toggletip-button {
49
+ display: block;
50
+ inline-size: 100%;
44
51
  }
45
52
 
46
53
  .#{$block-class}:hover {
@@ -142,7 +149,8 @@ $carbon-input: #{carbon-config.$prefix}--text-input;
142
149
  }
143
150
  }
144
151
 
145
- .#{$block-class}--focused .#{$block-class}__toolbar {
152
+ .#{$block-class}--focused:not(.#{$block-class}--readonly)
153
+ .#{$block-class}__toolbar {
146
154
  overflow: initial;
147
155
 
148
156
  animation: slide-in $duration-moderate-01 motion(entrance, productive);
@@ -1,5 +1,5 @@
1
1
  //
2
- // Copyright IBM Corp. 2020, 2025
2
+ // Copyright IBM Corp. 2020, 2026
3
3
  //
4
4
  // This source code is licensed under the Apache-2.0 license found in the
5
5
  // LICENSE file in the root directory of this source tree.
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/type';
15
15
  @use '@carbon/styles/scss/utilities';
16
16
  @use '@carbon/styles/scss/config' as carbon-config;
17
+ @use '@carbon/layout/scss/convert' as *;
17
18
 
18
19
  // Standard imports.
19
20
  @use '../../global/styles/project-settings' as *;
package/telemetry.yml CHANGED
@@ -660,7 +660,10 @@ collect:
660
660
  - inheritTypography
661
661
  - invalidLabel
662
662
  - onSave
663
+ - readOnlyLabel
664
+ - readOnlyToggleTipText
663
665
  - saveLabel
666
+ - toggleTipAlignment
664
667
  # EditTearsheet
665
668
  - onFormChange
666
669
  # EditUpdateCards
@@ -739,6 +742,7 @@ collect:
739
742
  - fileDropHeader
740
743
  - fileDropLabel
741
744
  - fileUploadLabel
745
+ - hideInputLabel
742
746
  - inputButtonIcon
743
747
  - inputButtonText
744
748
  - inputId
@@ -1237,6 +1241,15 @@ collect:
1237
1241
  - low
1238
1242
  - medium
1239
1243
  - unknown
1244
+ # EditInPlace - toggleTipAlignment
1245
+ - bottom
1246
+ - bottom-left
1247
+ - bottom-right
1248
+ - left
1249
+ - right
1250
+ - top
1251
+ - top-left
1252
+ - top-right
1240
1253
  # ExampleComponent - primaryKind
1241
1254
  - danger
1242
1255
  - primary