@transferwise/components 0.0.0-experimental-d3e6e9d → 0.0.0-experimental-d89c90b

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.
@@ -426,7 +426,11 @@ export const AllControls: Story = {
426
426
  }
427
427
  title="Non-interactive"
428
428
  subtitle={lorem10}
429
- additionalInfo={INFO.nonInteractive}
429
+ additionalInfo={
430
+ <ListItem.AdditionalInfo>
431
+ Which has <b>bold,</b> <strong>strong,</strong> <em>emphasis</em>
432
+ </ListItem.AdditionalInfo>
433
+ }
430
434
  />
431
435
  </List>
432
436
  ),
package/src/main.css CHANGED
@@ -3585,7 +3585,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3585
3585
  margin-bottom: 0;
3586
3586
  }
3587
3587
  .wds-list-item-view.fullyInteractive:before {
3588
- content: '';
3588
+ content: "";
3589
3589
  position: absolute;
3590
3590
  inset: 0;
3591
3591
  }
@@ -3616,7 +3616,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3616
3616
  z-index: 1;
3617
3617
  }
3618
3618
  .wds-list-item-interactive a.wds-list-item-control.wds-list-item-control_pseudo-element:before {
3619
- content: '';
3619
+ content: "";
3620
3620
  position: absolute;
3621
3621
  inset: 0;
3622
3622
  }
@@ -3634,7 +3634,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3634
3634
  .wds-list-item-interactive:not(.wds-list-item-spotlight):has(input[type="checkbox"]:focus-visible):before {
3635
3635
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
3636
3636
  outline-offset: var(--ring-outline-offset);
3637
- content: '';
3637
+ content: "";
3638
3638
  position: absolute;
3639
3639
  inset: 0 -8px;
3640
3640
  border-radius: 16px;
@@ -3643,7 +3643,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3643
3643
  }
3644
3644
  .wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):hover:before,
3645
3645
  .wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):active:before {
3646
- content: '';
3646
+ content: "";
3647
3647
  position: absolute;
3648
3648
  inset: 0 -8px;
3649
3649
  border-radius: 16px;
@@ -3755,7 +3755,9 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3755
3755
  .wds-list-item.disabled .wds-list-item-title-value,
3756
3756
  .wds-list-item.disabled .wds-list-item-subtitle,
3757
3757
  .wds-list-item.disabled .wds-list-item-subtitle-value,
3758
- .wds-list-item.disabled .wds-list-item-additional-info {
3758
+ .wds-list-item.disabled .wds-list-item-additional-info,
3759
+ .wds-list-item.disabled .wds-list-item-additional-info strong,
3760
+ .wds-list-item.disabled .wds-list-item-additional-info b {
3759
3761
  color: #768e9c;
3760
3762
  color: var(--color-content-tertiary);
3761
3763
  }
@@ -67,6 +67,7 @@ const Modal = ({
67
67
  return !isMedium ? (
68
68
  <Drawer
69
69
  open={open}
70
+ className={className}
70
71
  headerTitle={title}
71
72
  footerContent={footer}
72
73
  position={Position.BOTTOM}