@carbon/ibm-products 2.54.0-canary.60 → 2.54.0-canary.65

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 (25) hide show
  1. package/css/index-full-carbon.css +11 -7
  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 +11 -7
  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 +11 -7
  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 +11 -7
  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/Datagrid/Datagrid/DatagridSelectAll.js +31 -2
  18. package/es/components/SidePanel/SidePanel.d.ts +6 -1
  19. package/es/components/SidePanel/SidePanel.js +27 -14
  20. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +30 -1
  21. package/lib/components/SidePanel/SidePanel.d.ts +6 -1
  22. package/lib/components/SidePanel/SidePanel.js +27 -14
  23. package/package.json +4 -4
  24. package/scss/components/SidePanel/_side-panel.scss +13 -6
  25. package/telemetry.yml +3 -0
package/css/index-full-carbon.css CHANGED
@@ -3104,7 +3104,7 @@ p.c4p--about-modal__copyright-text:first-child {
3104
3104
  left: 0;
3105
3105
  border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
3106
3106
  }
3107
- .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label {
3107
+ .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-decorator {
3108
3108
  border-color: transparent;
3109
3109
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
3110
3110
  }
@@ -3169,10 +3169,10 @@ p.c4p--about-modal__copyright-text:first-child {
3169
3169
  .c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title)::before {
3170
3170
  background-color: transparent;
3171
3171
  }
3172
- .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-ai-label {
3172
+ .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-decorator {
3173
3173
  --c4p--side-panel--title-padding-right: 4rem;
3174
3174
  }
3175
- .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label {
3175
+ .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-decorator, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-decorator {
3176
3176
  --c4p--side-panel--title-padding-right: 5rem;
3177
3177
  }
3178
3178
  .c4p--side-panel .c4p--side-panel__animated-scroll-wrapper {
@@ -3268,7 +3268,7 @@ p.c4p--about-modal__copyright-text:first-child {
3268
3268
  .c4p--side-panel .c4p--side-panel__header--has-action-toolbar + .c4p--side-panel__inner-content {
3269
3269
  padding-top: 0.5rem;
3270
3270
  }
3271
- .c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls {
3271
+ .c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-decorator .c4p--side-panel--scrolls {
3272
3272
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
3273
3273
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
3274
3274
  }
@@ -3317,7 +3317,8 @@ p.c4p--about-modal__copyright-text:first-child {
3317
3317
  height: 2.5rem;
3318
3318
  }
3319
3319
  .c4p--side-panel .c4p--side-panel__slug-and-close,
3320
- .c4p--side-panel .c4p--side-panel__ai-label-and-close {
3320
+ .c4p--side-panel .c4p--side-panel__ai-label-and-close,
3321
+ .c4p--side-panel .c4p--side-panel__decorator-and-close {
3321
3322
  position: absolute;
3322
3323
  z-index: 10; /* must be higher than title container border bottom */
3323
3324
  top: 0;
@@ -3327,7 +3328,8 @@ p.c4p--about-modal__copyright-text:first-child {
3327
3328
  }
3328
3329
  @media (prefers-reduced-motion) {
3329
3330
  .c4p--side-panel .c4p--side-panel__slug-and-close,
3330
- .c4p--side-panel .c4p--side-panel__ai-label-and-close {
3331
+ .c4p--side-panel .c4p--side-panel__ai-label-and-close,
3332
+ .c4p--side-panel .c4p--side-panel__decorator-and-close {
3331
3333
  position: absolute;
3332
3334
  }
3333
3335
  }
@@ -3411,8 +3413,10 @@ p.c4p--about-modal__copyright-text:first-child {
3411
3413
  inset: 0;
3412
3414
  }
3413
3415
 
3416
+ /* stylelint-disable-next-line carbon/theme-token-use */
3414
3417
  .c4p--side-panel--has-slug + .c4p--side-panel__overlay,
3415
- .c4p--side-panel--has-ai-label + .c4p--side-panel__overlay {
3418
+ .c4p--side-panel--has-ai-label + .c4p--side-panel__overlay,
3419
+ .c4p--side-panel--has-decorator + .c4p--side-panel__overlay {
3416
3420
  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
3417
3421
  }
3418
3422