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

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 (23) hide show
  1. package/css/index-full-carbon.css +15 -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 +9 -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 +15 -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 +9 -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/Datagrid/styles/_datagrid.scss +2 -0
  23. 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;
@@ -10564,6 +10564,9 @@ button.c4p--add-select__global-filter-toggle--open {
10564
10564
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
10565
10565
  }
10566
10566
 
10567
+ .c4p--datagrid__resizableColumn:hover {
10568
+ background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
10569
+ }
10567
10570
  .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
10568
10571
  border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
10569
10572
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -14628,7 +14631,7 @@ a.cds--side-nav__link--current::before {
14628
14631
  transform: translate3d(0, min(95vh, 500px), 0);
14629
14632
  }
14630
14633
 
14631
- .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
14634
+ .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
14635
  border: 1px solid transparent;
14633
14636
  border-bottom: 0;
14634
14637
  /* override carbon ai removing background gradient */
@@ -14755,11 +14758,11 @@ a.cds--side-nav__link--current::before {
14755
14758
  padding: 1.5rem 2rem 0;
14756
14759
  }
14757
14760
 
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 {
14761
+ .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
14762
  padding-inline-end: 5rem;
14760
14763
  }
14761
14764
 
14762
- .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
14765
+ .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
14766
  /* spacing 11 plus additional space for slug/close */
14764
14767
  /* stylelint-disable-next-line carbon/layout-token-use */
14765
14768
  padding-inline-end: calc(8rem);
@@ -14836,7 +14839,7 @@ a.cds--side-nav__link--current::before {
14836
14839
  flex-grow: 1;
14837
14840
  }
14838
14841
 
14839
- .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
14842
+ .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
14840
14843
  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
14844
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
14842
14845
  }
@@ -14885,12 +14888,12 @@ a.cds--side-nav__link--current::before {
14885
14888
  background: var(--cds-background, #ffffff);
14886
14889
  }
14887
14890
 
14888
- .c4p--tearsheet.c4p--tearsheet--has-slug {
14891
+ .c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
14889
14892
  /* stylelint-disable-next-line carbon/theme-token-use */
14890
14893
  --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
14891
14894
  }
14892
14895
 
14893
- .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
14896
+ .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
14897
  inset-inline-end: 0;
14895
14898
  margin-block: 6px;
14896
14899
  margin-inline-end: 1rem;