@rolster/react-components 18.16.1 → 18.16.2

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.
@@ -575,6 +575,16 @@
575
575
  box-sizing: border-box;
576
576
  }
577
577
 
578
+ .rls-label {
579
+ font-size: var(--rlc-label-font-size);
580
+ letter-spacing: var(--rlc-label-letter-spacing);
581
+ line-height: var(--rlc-label-height);
582
+ font-weight: inherit;
583
+ }
584
+ .rls-label[rls-theme] {
585
+ color: var(--rls-theme-color-500);
586
+ }
587
+
578
588
  .rls-message-icon {
579
589
  --rlc-icon-color: var(--rls-theme-color-500);
580
590
  --rlc-icon-dimesion: var(--rls-sizing-x8);
@@ -589,8 +599,9 @@
589
599
  }
590
600
 
591
601
  .rls-poster {
602
+ --pvt-background: var(--rls-theme-color-100);
592
603
  --pvt-border-content: none;
593
- --pvt-border-color: transparent;
604
+ --pvt-border-color: var(--rls-app-color-100);
594
605
  position: relative;
595
606
  display: block;
596
607
  width: auto;
@@ -614,9 +625,10 @@
614
625
  .rls-poster--contrast[rls-theme] {
615
626
  --pvt-border-color: var(--rls-theme-color-500);
616
627
  color: var(--rls-theme-color-700);
617
- background: var(--rls-theme-color-100);
628
+ background: var(--pvt-background);
618
629
  }
619
630
  .rls-poster--outline {
631
+ --pvt-background: var(--rls-theme-color-050);
620
632
  --pvt-border-content: 1px solid var(--pvt-border-color);
621
633
  }
622
634