@carbon/ibmdotcom-styles 2.50.0 → 2.51.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-styles",
   "description": "Carbon for IBM.com Styles",
-  "version": "2.50.0",
+  "version": "2.51.0",
   "license": "Apache-2.0",
   "main": "dist/ibm-dotcom-styles.min.css",
   "module": "src/scss",
@@ -48,5 +48,5 @@
     "sass": "~1.99.0",
     "sass-loader": "^13.0.0"
   },
-  "gitHead": "2ce0fe3842f309c37761aa7c28dd41721d6974ac"
+  "gitHead": "5f36a0b2445d0efe35ae46bd0c2cba2617d1a974"
 }

package/scss/components/pricing-table/_pricing-table.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2022, 2025
+// Copyright IBM Corp. 2022, 2026
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -12,6 +12,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
+@use '@carbon/styles/scss/colors' as *;
 @use '../../globals/vars' as *;
 @use '../../globals/imports' as *;
 @use '../button-group' as *;
@@ -130,6 +131,21 @@
     }
   }
 
+  :host(#{$c4d-prefix}-pricing-table-group) tr {
+    border: none;
+    border-radius: 4px;
+    background-color: $purple-20;
+
+    @include breakpoint-down(lg) {
+      box-shadow: 50vw 0 $purple-20;
+    }
+
+    &::after {
+      background-color: $purple-20;
+      block-size: 0;
+    }
+  }
+
   .#{$prefix}--pricing-table-header-row,
   .#{$prefix}--pricing-table-row,
   :host(#{$c4d-prefix}-pricing-table-header-row),
@@ -159,7 +175,7 @@
     background-color: $background;
 
     &.highlighted {
-      background-color: $layer-01;
+      background-color: $purple-10;
     }
 
     .#{$prefix}--pricing-table-cell-inner {
@@ -261,7 +277,7 @@
 
   :host(#{$c4d-prefix}-pricing-table-cell[icon]) {
     &[icon='checkmark'] svg {
-      color: $support-success;
+      color: $purple-60;
     }
 
     svg {
@@ -278,7 +294,8 @@
 
     display: none;
     padding: $spacing-03 $spacing-05;
-    background-color: $border-inverse;
+    border-radius: 4px 4px 0 0;
+    background-color: $purple-60;
     color: $icon-inverse;
     inset-block-end: 100%;
     inset-inline: 0;
@@ -287,7 +304,9 @@
   .#{$prefix}--pricing-table-header-cell-headline,
   :host(#{$c4d-prefix}-pricing-table-header-cell-headline) {
     display: block;
-    // @include type-style('fluid-heading-03');
+
+    @include type-style('heading-03');
+
     color: $text-primary;
   }
 
@@ -369,4 +388,10 @@
   :host(.overflowing-left) .overflow-indicator.left {
     opacity: 1;
   }
+
+  :host([last-row]) {
+    ::slotted(.highlighted) {
+      border-radius: 0 0 10px 10px;
+    }
+  }
 }

package/scss/components/video-player/_video-player.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -55,6 +55,7 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
     ::slotted(.#{$c4d-prefix}--video-player__video),
     .#{$c4d-prefix}--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%;
@@ -157,6 +158,7 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
   // Ensuring caption is correctly displayed when it has RTL mixed with LTR copy
   .#{$c4d-prefix}--video-player__video-caption[dir='rtl'] {
     direction: rtl;
+    max-inline-size: none;
     text-align: end;
     unicode-bidi: plaintext;
   }