@rolster/react-components 18.16.0 → 18.16.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.
@@ -589,6 +589,8 @@
589
589
  }
590
590
 
591
591
  .rls-poster {
592
+ --pvt-border-content: none;
593
+ --pvt-border-color: transparent;
592
594
  position: relative;
593
595
  display: block;
594
596
  width: auto;
@@ -602,15 +604,21 @@
602
604
  border-radius: var(--rls-sizing-x2);
603
605
  color: var(--rls-app-color-300);
604
606
  background: var(--rls-app-background-100);
607
+ border: var(--pvt-border-content);
605
608
  }
606
609
  .rls-poster[rls-theme] {
610
+ --pvt-border-color: var(--rls-theme-color-100);
607
611
  color: var(--rls-theme-color-100);
608
612
  background: var(--rls-theme-color-500);
609
613
  }
610
614
  .rls-poster--contrast[rls-theme] {
615
+ --pvt-border-color: var(--rls-theme-color-500);
611
616
  color: var(--rls-theme-color-700);
612
617
  background: var(--rls-theme-color-100);
613
618
  }
619
+ .rls-poster--outline {
620
+ --pvt-border-content: 1px solid var(--pvt-border-color);
621
+ }
614
622
 
615
623
  .rls-progress-bar {
616
624
  --pvt-component-display: block;
package/dist/cjs/index.js CHANGED
@@ -1510,8 +1510,8 @@ function rangeFormatTemplate({ maxDate, minDate }) {
1510
1510
  return `${minFormat} - ${maxFormat}`;
1511
1511
  }
1512
1512
 
1513
- function RlsPoster({ children, contrast, rlsTheme }) {
1514
- return (jsxRuntimeExports.jsx("div", { className: renderClassStatus('rls-poster', { contrast }), "rls-theme": rlsTheme, children: children }));
1513
+ function RlsPoster({ children, contrast, outline, rlsTheme }) {
1514
+ return (jsxRuntimeExports.jsx("div", { className: renderClassStatus('rls-poster', { contrast, outline }), "rls-theme": rlsTheme, children: children }));
1515
1515
  }
1516
1516
 
1517
1517
  function RlsProgressBar({ indeterminate, percentage, rlsTheme }) {