@carbon/ibmdotcom-styles 2.49.0 → 2.50.1

package/dist/ibm-dotcom-styles.css

@@ -5225,32 +5225,33 @@ screen and (prefers-contrast) {
   -webkit-padding-end: 0;
   padding-inline-end: 0
 }
-:host(c4d-video-player-container) {
+:host(c4d-video-player-container-v7) {
   display: block
 }
 .c4d--video-player,
-:host(c4d-video-player) {
+:host(c4d-video-player-v7) {
   color: var(--c4d--video-caption--color,var(--cds-text-secondary,#525252))
 }
 .c4d--video-player .c4d--image__img,
-:host(c4d-video-player) .c4d--image__img {
+:host(c4d-video-player-v7) .c4d--image__img {
   block-size: 100%;
   inline-size: 100%
 }
 .c4d--video-player c4d-image,
-:host(c4d-video-player) c4d-image {
+:host(c4d-video-player-v7) c4d-image {
   -webkit-padding-before: 0;
   padding-block-start: 0
 }
 .c4d--video-player[background-mode] .c4d--video-player__video-container,
-:host(c4d-video-player[background-mode]) .c4d--video-player__video-container {
+:host(c4d-video-player-v7[background-mode]) .c4d--video-player__video-container {
   block-size: 100%
 }
 .c4d--video-player[background-mode] .c4d--video-player__video,
 .c4d--video-player[background-mode] ::slotted(.c4d--video-player__video),
-:host(c4d-video-player[background-mode]) .c4d--video-player__video,
-:host(c4d-video-player[background-mode]) ::slotted(.c4d--video-player__video) {
+:host(c4d-video-player-v7[background-mode]) .c4d--video-player__video,
+:host(c4d-video-player-v7[background-mode]) ::slotted(.c4d--video-player__video) {
   aspect-ratio: var(--native-file-aspect-ratio,16/9);
+  block-size: 100%;
   inset: 50% 0 0 50%;
   min-block-size: 100%;
   min-inline-size: 100%;
@@ -5258,15 +5259,15 @@ screen and (prefers-contrast) {
 }
 .c4d--video-player[background-mode] .c4d--video-player__video[dir-mode=rtl],
 .c4d--video-player[background-mode] ::slotted(.c4d--video-player__video[dir-mode=rtl]),
-:host(c4d-video-player[background-mode]) .c4d--video-player__video[dir-mode=rtl],
-:host(c4d-video-player[background-mode]) ::slotted(.c4d--video-player__video[dir-mode=rtl]) {
+:host(c4d-video-player-v7[background-mode]) .c4d--video-player__video[dir-mode=rtl],
+:host(c4d-video-player-v7[background-mode]) ::slotted(.c4d--video-player__video[dir-mode=rtl]) {
   inset: 50% -50% 0 50%
 }
 @media (max-width:65.98rem) {
   .c4d--video-player[background-mode] .c4d--video-player__video[dir-mode=rtl],
   .c4d--video-player[background-mode] ::slotted(.c4d--video-player__video[dir-mode=rtl]),
-  :host(c4d-video-player[background-mode]) .c4d--video-player__video[dir-mode=rtl],
-  :host(c4d-video-player[background-mode]) ::slotted(.c4d--video-player__video[dir-mode=rtl]) {
+  :host(c4d-video-player-v7[background-mode]) .c4d--video-player__video[dir-mode=rtl],
+  :host(c4d-video-player-v7[background-mode]) ::slotted(.c4d--video-player__video[dir-mode=rtl]) {
     inset: 50% -67% 0 50%
   }
 }
@@ -5279,13 +5280,13 @@ screen and (prefers-contrast) {
   outline: .125rem solid var(--cds-focus,#0f62fe)
 }
 .c4d--video-player .c4d--image,
-:host(c4d-video-player) c4d-image {
+:host(c4d-video-player-v7) c4d-image {
   position: relative;
   block-size: 100%;
   inline-size: 100%
 }
 .c4d--video-player .c4d--image::before,
-:host(c4d-video-player) c4d-image::before {
+:host(c4d-video-player-v7) c4d-image::before {
   position: absolute;
   z-index: 1;
   background-color: var(--cds-border-inverse,#161616);
@@ -5300,13 +5301,13 @@ screen and (prefers-contrast) {
 }
 @media screen and (prefers-reduced-motion:reduce) {
   .c4d--video-player .c4d--image::before,
-  :host(c4d-video-player) c4d-image::before {
+  :host(c4d-video-player-v7) c4d-image::before {
     -webkit-transition: none;
     transition: none
   }
 }
 .c4d--video-player .c4d--image:hover::before,
-:host(c4d-video-player) c4d-image:hover::before {
+:host(c4d-video-player-v7) c4d-image:hover::before {
   opacity: .08
 }
 .c4d--video-player__video-container {
@@ -5432,8 +5433,8 @@ screen and (prefers-contrast) {
 }
 .c4d--video-player .c4d--video-player__image-overlay:active .c4d--image::before,
 .c4d--video-player .c4d--video-player__image-overlay:active c4d-image::before,
-:host(c4d-video-player) .c4d--video-player__image-overlay:active .c4d--image::before,
-:host(c4d-video-player) .c4d--video-player__image-overlay:active c4d-image::before {
+:host(c4d-video-player-v7) .c4d--video-player__image-overlay:active .c4d--image::before,
+:host(c4d-video-player-v7) .c4d--video-player__image-overlay:active c4d-image::before {
   opacity: .12
 }
 .c4d--video-player__toggle-playback {
@@ -5469,7 +5470,7 @@ screen and (prefers-contrast) {
 .c4d--video-player__toggle-playback:focus {
   outline: 2px solid var(--cds-focus,#0f62fe)
 }
-:host(c4d-video-player[intersection-mode]) ::slotted(.c4d--video-player__video) {
+:host(c4d-video-player-v7[intersection-mode]) ::slotted(.c4d--video-player__video) {
   pointer-events: none
 }
 :host(c4d-lightbox-video-player-composite),
@@ -5880,7 +5881,7 @@ screen and (prefers-contrast) {
     max-inline-size: 95%
   }
 }
-::slotted(c4d-video-player-container) {
+::slotted(c4d-video-player-container-v7) {
   inline-size: 100%
 }
 .cds--pricing-table-header-cell-cta,
@@ -50550,6 +50551,15 @@ strong {
   inset-block-end: 0;
   inset-inline-end: 0
 }
+:host(c4d-pricing-table-group) tr {
+  border: none;
+  border-radius: 4px;
+  background-color: #e8daff
+}
+:host(c4d-pricing-table-group) tr::after {
+  background-color: #e8daff;
+  block-size: 0
+}
 .cds--pricing-table-header-row ::slotted(:last-child),
 .cds--pricing-table-row ::slotted(:last-child),
 :host(c4d-pricing-table-header-row) ::slotted(:last-child),
@@ -50579,7 +50589,7 @@ strong {
 .cds--pricing-table-header-cell.highlighted,
 :host(c4d-pricing-table-cell).highlighted,
 :host(c4d-pricing-table-header-cell).highlighted {
-  background-color: var(--cds-layer-01,#f4f4f4)
+  background-color: #f6f2ff
 }
 .cds--pricing-table-cell .cds--pricing-table-cell-inner,
 .cds--pricing-table-header-cell .cds--pricing-table-cell-inner,
@@ -50782,7 +50792,7 @@ strong {
   margin-block-start: 0
 }
 :host(c4d-pricing-table-cell[icon])[icon=checkmark] svg {
-  color: var(--cds-support-success,#24a148)
+  color: #8a3ffc
 }
 :host(c4d-pricing-table-cell[icon]) svg {
   -ms-flex-negative: 0;
@@ -50799,7 +50809,8 @@ strong {
   position: absolute;
   display: none;
   padding: .5rem 1rem;
-  background-color: var(--cds-border-inverse,#161616);
+  border-radius: 4px 4px 0 0;
+  background-color: #8a3ffc;
   color: var(--cds-icon-inverse,#fff);
   inset-block-end: 100%;
   inset-inline: 0
@@ -50807,6 +50818,10 @@ strong {
 .cds--pricing-table-header-cell-headline,
 :host(c4d-pricing-table-header-cell-headline) {
   display: block;
+  font-size: var(--cds-heading-03-font-size,1.25rem);
+  font-weight: var(--cds-heading-03-font-weight,400);
+  line-height: var(--cds-heading-03-line-height,1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing,0);
   color: var(--cds-text-primary,#161616)
 }
 .cds--pricing-table-header-cell-caption,
@@ -50883,6 +50898,9 @@ strong {
 :host(.overflowing-right) .overflow-indicator.right {
   opacity: 1
 }
+:host([last-row]) ::slotted(.highlighted) {
+  border-radius: 0 0 10px 10px
+}
 :host(c4d-quote) {
   display: block;
   background: var(--cds-background,#fff);
@@ -54510,6 +54528,10 @@ strong {
   block-size: 3rem
 }
 @media (max-width:65.98rem) {
+  :host(c4d-pricing-table-group) tr {
+    -webkit-box-shadow: 50vw 0 #e8daff;
+    box-shadow: 50vw 0 #e8daff
+  }
   :host(c4d-table-of-contents) .cds--tableofcontents-container {
     position: relative;
     overflow: scroll;