@carbon/ibm-products 2.56.1 → 2.57.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 (81) hide show
  1. package/css/index-full-carbon.css +66 -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 +28 -12
  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 +28 -12
  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 +29 -12
  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/APIKeyModal/APIKeyDownloader.d.ts +1 -1
  18. package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
  19. package/es/components/APIKeyModal/APIKeyModal.d.ts +13 -0
  20. package/es/components/APIKeyModal/APIKeyModal.js +69 -25
  21. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +16 -2
  22. package/es/components/Card/Card.js +3 -4
  23. package/es/components/Coachmark/CoachmarkOverlay.js +4 -0
  24. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +12 -0
  25. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +39 -8
  26. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
  27. package/es/components/CreateTearsheet/CreateTearsheet.js +2 -1
  28. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +31 -2
  29. package/es/components/FilterSummary/FilterSummary.js +1 -1
  30. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
  31. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
  32. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
  33. package/es/components/InterstitialScreen/InterstitialScreen.js +2 -3
  34. package/es/components/PageHeader/PageHeader.js +13 -3
  35. package/es/components/PageHeader/PageHeaderTitle.js +10 -29
  36. package/es/components/ProductiveCard/ProductiveCard.d.ts +6 -2
  37. package/es/components/ProductiveCard/ProductiveCard.js +7 -5
  38. package/es/components/SidePanel/SidePanel.d.ts +6 -1
  39. package/es/components/SidePanel/SidePanel.js +41 -26
  40. package/es/components/TagOverflow/TagOverflow.js +2 -5
  41. package/es/components/Tearsheet/TearsheetShell.d.ts +4 -0
  42. package/es/components/Tearsheet/TearsheetShell.js +5 -37
  43. package/es/global/js/hooks/useFocus.d.ts +1 -1
  44. package/es/global/js/hooks/useFocus.js +7 -4
  45. package/es/global/js/utils/checkForOverflow.d.ts +5 -0
  46. package/es/global/js/utils/checkForOverflow.js +31 -0
  47. package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
  48. package/lib/components/APIKeyModal/APIKeyDownloader.js +1 -1
  49. package/lib/components/APIKeyModal/APIKeyModal.d.ts +13 -0
  50. package/lib/components/APIKeyModal/APIKeyModal.js +68 -22
  51. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +16 -2
  52. package/lib/components/Card/Card.js +3 -4
  53. package/lib/components/Coachmark/CoachmarkOverlay.js +4 -0
  54. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +12 -0
  55. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +39 -8
  56. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
  57. package/lib/components/CreateTearsheet/CreateTearsheet.js +2 -1
  58. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +30 -1
  59. package/lib/components/FilterSummary/FilterSummary.js +1 -1
  60. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
  61. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
  62. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
  63. package/lib/components/InterstitialScreen/InterstitialScreen.js +2 -3
  64. package/lib/components/PageHeader/PageHeader.js +12 -2
  65. package/lib/components/PageHeader/PageHeaderTitle.js +8 -27
  66. package/lib/components/ProductiveCard/ProductiveCard.d.ts +6 -2
  67. package/lib/components/ProductiveCard/ProductiveCard.js +7 -5
  68. package/lib/components/SidePanel/SidePanel.d.ts +6 -1
  69. package/lib/components/SidePanel/SidePanel.js +41 -26
  70. package/lib/components/TagOverflow/TagOverflow.js +1 -4
  71. package/lib/components/Tearsheet/TearsheetShell.d.ts +4 -0
  72. package/lib/components/Tearsheet/TearsheetShell.js +5 -37
  73. package/lib/global/js/hooks/useFocus.d.ts +1 -1
  74. package/lib/global/js/hooks/useFocus.js +7 -4
  75. package/lib/global/js/utils/checkForOverflow.d.ts +5 -0
  76. package/lib/global/js/utils/checkForOverflow.js +34 -0
  77. package/package.json +8 -8
  78. package/scss/components/APIKeyModal/_api-key-modal.scss +4 -0
  79. package/scss/components/PageHeader/_page-header.scss +18 -6
  80. package/scss/components/SidePanel/_side-panel.scss +13 -6
  81. package/telemetry.yml +4 -0
@@ -112,7 +112,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
112
112
  border-right: 1px solid $border-subtle-02;
113
113
  }
114
114
  &.#{$block-class}.#{$block-class}--has-slug,
115
- &.#{$block-class}.#{$block-class}--has-ai-label {
115
+ &.#{$block-class}.#{$block-class}--has-ai-label,
116
+ &.#{$block-class}.#{$block-class}--has-decorator {
116
117
  border-color: transparent;
117
118
  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
118
119
  0 4px 10px 2px $ai-drop-shadow;
@@ -199,14 +200,16 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
199
200
  &.#{$block-class}:has(.#{$block-class}__action-toolbar),
200
201
  &.#{$block-class}--has-action-toolbar,
201
202
  &.#{$block-class}--has-slug,
202
- &.#{$block-class}--has-ai-label {
203
+ &.#{$block-class}--has-ai-label,
204
+ &.#{$block-class}--has-decorator {
203
205
  --#{$block-class}--title-padding-right: #{$spacing-10};
204
206
  }
205
207
 
206
208
  &.#{$block-class}:has(.#{$block-class}__action-toolbar),
207
209
  &.#{$block-class}--has-action-toolbar {
208
210
  &.#{$block-class}--has-slug,
209
- &.#{$block-class}--has-ai-label {
211
+ &.#{$block-class}--has-ai-label,
212
+ &.#{$block-class}--has-decorator {
210
213
  --#{$block-class}--title-padding-right: #{$spacing-11};
211
214
  }
212
215
  }
@@ -313,7 +316,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
313
316
  }
314
317
 
315
318
  &.#{$block-class}--has-slug .#{$block-class}--scrolls,
316
- &.#{$block-class}--has-ai-label .#{$block-class}--scrolls {
319
+ &.#{$block-class}--has-ai-label .#{$block-class}--scrolls,
320
+ &.#{$block-class}--has-decorator .#{$block-class}--scrolls {
317
321
  @include utilities.ai-popover-gradient('default', 0, 'layer');
318
322
 
319
323
  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
@@ -368,7 +372,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
368
372
  }
369
373
 
370
374
  .#{$block-class}__slug-and-close,
371
- .#{$block-class}__ai-label-and-close {
375
+ .#{$block-class}__ai-label-and-close,
376
+ .#{$block-class}__decorator-and-close {
372
377
  position: absolute;
373
378
  z-index: 10; /* must be higher than title container border bottom */
374
379
  top: 0;
@@ -470,7 +475,9 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
470
475
  inset: 0;
471
476
  }
472
477
 
478
+ /* stylelint-disable-next-line carbon/theme-token-use */
473
479
  .#{$block-class}--has-slug + .#{$block-class}__overlay,
474
- .#{$block-class}--has-ai-label + .#{$block-class}__overlay {
480
+ .#{$block-class}--has-ai-label + .#{$block-class}__overlay,
481
+ .#{$block-class}--has-decorator + .#{$block-class}__overlay {
475
482
  background-color: $ai-overlay;
476
483
  }
package/telemetry.yml CHANGED
@@ -456,14 +456,17 @@ collect:
456
456
  - editButtonText
457
457
  - editing
458
458
  - editSuccess
459
+ - editSuccessMessage
459
460
  - editSuccessTitle
460
461
  - errorText
461
462
  - generateButtonText
462
463
  - generateSuccessBody
464
+ - generateSuccessMessage
463
465
  - generateSuccessTitle
464
466
  - generateTitle
465
467
  - hasAPIKeyVisibilityToggle
466
468
  - hasDownloadLink
469
+ - helperText
467
470
  - hideAPIKeyLabel
468
471
  - loadingText
469
472
  - modalLabel
@@ -532,6 +535,7 @@ collect:
532
535
  - fixedIsVisible
533
536
  # CoachmarkOverlayElements
534
537
  - isVisible
538
+ - onBack
535
539
  # CoachmarkStackHome
536
540
  - onClickNavItem
537
541
  # Columns