@carbon/ibm-products 2.43.2-canary.301 → 2.43.2-canary.302

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 (22) hide show
  1. package/css/index-full-carbon.css +12 -12
  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 +6 -6
  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 +12 -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 +6 -6
  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/Tearsheet/TearsheetShell.d.ts +13 -4
  18. package/es/components/Tearsheet/TearsheetShell.js +16 -9
  19. package/lib/components/Tearsheet/TearsheetShell.d.ts +13 -4
  20. package/lib/components/Tearsheet/TearsheetShell.js +16 -9
  21. package/package.json +3 -3
  22. package/scss/components/Tearsheet/_tearsheet.scss +13 -3
package/css/index-full-carbon.css CHANGED
@@ -3504,7 +3504,7 @@ p.c4p--about-modal__copyright-text:first-child {
3504
3504
  max-height: calc(100% - 3rem);
3505
3505
  transform: translate3d(0, min(95vh, 500px), 0);
3506
3506
  }
3507
- .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
3507
+ .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
3508
3508
  border: 1px solid transparent;
3509
3509
  border-bottom: 0;
3510
3510
  /* override carbon ai removing background gradient */
@@ -3608,10 +3608,10 @@ p.c4p--about-modal__copyright-text:first-child {
3608
3608
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav {
3609
3609
  padding: 1.5rem 2rem 0;
3610
3610
  }
3611
- .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
3611
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
3612
3612
  padding-inline-end: 5rem;
3613
3613
  }
3614
- .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
3614
+ .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
3615
3615
  /* spacing 11 plus additional space for slug/close */
3616
3616
  /* stylelint-disable-next-line carbon/layout-token-use */
3617
3617
  padding-inline-end: calc(8rem);
@@ -3675,7 +3675,7 @@ p.c4p--about-modal__copyright-text:first-child {
3675
3675
  overflow: auto;
3676
3676
  flex-grow: 1;
3677
3677
  }
3678
- .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
3678
+ .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
3679
3679
  background: linear-gradient(to top, var(--cds-ai-popover-background, 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-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, 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-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
3680
3680
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
3681
3681
  }
@@ -3717,11 +3717,11 @@ p.c4p--about-modal__copyright-text:first-child {
3717
3717
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
3718
3718
  background: var(--cds-background, #ffffff);
3719
3719
  }
3720
- .c4p--tearsheet.c4p--tearsheet--has-slug {
3720
+ .c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
3721
3721
  /* stylelint-disable-next-line carbon/theme-token-use */
3722
3722
  --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
3723
3723
  }
3724
- .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
3724
+ .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
3725
3725
  inset-inline-end: 0;
3726
3726
  margin-block: 6px;
3727
3727
  margin-inline-end: 1rem;
@@ -14628,7 +14628,7 @@ a.cds--side-nav__link--current::before {
14628
14628
  transform: translate3d(0, min(95vh, 500px), 0);
14629
14629
  }
14630
14630
 
14631
- .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
14631
+ .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
14632
14632
  border: 1px solid transparent;
14633
14633
  border-bottom: 0;
14634
14634
  /* override carbon ai removing background gradient */
@@ -14755,11 +14755,11 @@ a.cds--side-nav__link--current::before {
14755
14755
  padding: 1.5rem 2rem 0;
14756
14756
  }
14757
14757
 
14758
- .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
14758
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
14759
14759
  padding-inline-end: 5rem;
14760
14760
  }
14761
14761
 
14762
- .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
14762
+ .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
14763
14763
  /* spacing 11 plus additional space for slug/close */
14764
14764
  /* stylelint-disable-next-line carbon/layout-token-use */
14765
14765
  padding-inline-end: calc(8rem);
@@ -14836,7 +14836,7 @@ a.cds--side-nav__link--current::before {
14836
14836
  flex-grow: 1;
14837
14837
  }
14838
14838
 
14839
- .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
14839
+ .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
14840
14840
  background: linear-gradient(to top, var(--cds-ai-popover-background, 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-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, 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-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
14841
14841
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
14842
14842
  }
@@ -14885,12 +14885,12 @@ a.cds--side-nav__link--current::before {
14885
14885
  background: var(--cds-background, #ffffff);
14886
14886
  }
14887
14887
 
14888
- .c4p--tearsheet.c4p--tearsheet--has-slug {
14888
+ .c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
14889
14889
  /* stylelint-disable-next-line carbon/theme-token-use */
14890
14890
  --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
14891
14891
  }
14892
14892
 
14893
- .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
14893
+ .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
14894
14894
  inset-inline-end: 0;
14895
14895
  margin-block: 6px;
14896
14896
  margin-inline-end: 1rem;