@carbon/ibmdotcom-styles 2.50.0 → 2.50.1

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.
@@ -5251,6 +5251,7 @@ screen and (prefers-contrast) {
5251
5251
  :host(c4d-video-player-v7[background-mode]) .c4d--video-player__video,
5252
5252
  :host(c4d-video-player-v7[background-mode]) ::slotted(.c4d--video-player__video) {
5253
5253
  aspect-ratio: var(--native-file-aspect-ratio,16/9);
5254
+ block-size: 100%;
5254
5255
  inset: 50% 0 0 50%;
5255
5256
  min-block-size: 100%;
5256
5257
  min-inline-size: 100%;
@@ -50550,6 +50551,15 @@ strong {
50550
50551
  inset-block-end: 0;
50551
50552
  inset-inline-end: 0
50552
50553
  }
50554
+ :host(c4d-pricing-table-group) tr {
50555
+ border: none;
50556
+ border-radius: 4px;
50557
+ background-color: #e8daff
50558
+ }
50559
+ :host(c4d-pricing-table-group) tr::after {
50560
+ background-color: #e8daff;
50561
+ block-size: 0
50562
+ }
50553
50563
  .cds--pricing-table-header-row ::slotted(:last-child),
50554
50564
  .cds--pricing-table-row ::slotted(:last-child),
50555
50565
  :host(c4d-pricing-table-header-row) ::slotted(:last-child),
@@ -50579,7 +50589,7 @@ strong {
50579
50589
  .cds--pricing-table-header-cell.highlighted,
50580
50590
  :host(c4d-pricing-table-cell).highlighted,
50581
50591
  :host(c4d-pricing-table-header-cell).highlighted {
50582
- background-color: var(--cds-layer-01,#f4f4f4)
50592
+ background-color: #f6f2ff
50583
50593
  }
50584
50594
  .cds--pricing-table-cell .cds--pricing-table-cell-inner,
50585
50595
  .cds--pricing-table-header-cell .cds--pricing-table-cell-inner,
@@ -50782,7 +50792,7 @@ strong {
50782
50792
  margin-block-start: 0
50783
50793
  }
50784
50794
  :host(c4d-pricing-table-cell[icon])[icon=checkmark] svg {
50785
- color: var(--cds-support-success,#24a148)
50795
+ color: #8a3ffc
50786
50796
  }
50787
50797
  :host(c4d-pricing-table-cell[icon]) svg {
50788
50798
  -ms-flex-negative: 0;
@@ -50799,7 +50809,8 @@ strong {
50799
50809
  position: absolute;
50800
50810
  display: none;
50801
50811
  padding: .5rem 1rem;
50802
- background-color: var(--cds-border-inverse,#161616);
50812
+ border-radius: 4px 4px 0 0;
50813
+ background-color: #8a3ffc;
50803
50814
  color: var(--cds-icon-inverse,#fff);
50804
50815
  inset-block-end: 100%;
50805
50816
  inset-inline: 0
@@ -50807,6 +50818,10 @@ strong {
50807
50818
  .cds--pricing-table-header-cell-headline,
50808
50819
  :host(c4d-pricing-table-header-cell-headline) {
50809
50820
  display: block;
50821
+ font-size: var(--cds-heading-03-font-size,1.25rem);
50822
+ font-weight: var(--cds-heading-03-font-weight,400);
50823
+ line-height: var(--cds-heading-03-line-height,1.4);
50824
+ letter-spacing: var(--cds-heading-03-letter-spacing,0);
50810
50825
  color: var(--cds-text-primary,#161616)
50811
50826
  }
50812
50827
  .cds--pricing-table-header-cell-caption,
@@ -50883,6 +50898,9 @@ strong {
50883
50898
  :host(.overflowing-right) .overflow-indicator.right {
50884
50899
  opacity: 1
50885
50900
  }
50901
+ :host([last-row]) ::slotted(.highlighted) {
50902
+ border-radius: 0 0 10px 10px
50903
+ }
50886
50904
  :host(c4d-quote) {
50887
50905
  display: block;
50888
50906
  background: var(--cds-background,#fff);
@@ -54510,6 +54528,10 @@ strong {
54510
54528
  block-size: 3rem
54511
54529
  }
54512
54530
  @media (max-width:65.98rem) {
54531
+ :host(c4d-pricing-table-group) tr {
54532
+ -webkit-box-shadow: 50vw 0 #e8daff;
54533
+ box-shadow: 50vw 0 #e8daff
54534
+ }
54513
54535
  :host(c4d-table-of-contents) .cds--tableofcontents-container {
54514
54536
  position: relative;
54515
54537
  overflow: scroll;