npm - @carbon/ibmdotcom-styles - Versions diffs - 2.48.0 → 2.50.0 - Mend

@carbon/ibmdotcom-styles 2.48.0 → 2.50.0

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 (5) hide show

package/dist/ibm-dotcom-styles.css +19 -19
package/dist/ibm-dotcom-styles.min.css +1 -1
package/package.json +5 -5
package/scss/components/lightbox-media-viewer/_lightbox-media-viewer.scss +1 -1
package/scss/components/video-player/_video-player.scss +6 -6

package/dist/ibm-dotcom-styles.css CHANGED Viewed

@@ -5225,31 +5225,31 @@ 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);
   inset: 50% 0 0 50%;
   min-block-size: 100%;
@@ -5258,15 +5258,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 +5279,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 +5300,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 +5432,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 +5469,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 +5880,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,