@carbon/ibmdotcom-styles 2.50.0 → 2.51.0

package/dist/ibm-dotcom-styles.css

@@ -5251,6 +5251,7 @@ screen and (prefers-contrast) {
 :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%;
@@ -5386,6 +5387,7 @@ screen and (prefers-contrast) {
 }
 .c4d--video-player__video-caption[dir=rtl] {
   direction: rtl;
+  max-inline-size: none;
   text-align: end;
   unicode-bidi: -moz-plaintext;
   unicode-bidi: plaintext
@@ -50550,6 +50552,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 +50590,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 +50793,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 +50810,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 +50819,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 +50899,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 +54529,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;