@rolster/react-components 18.16.0 → 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.
- package/dist/cjs/assets/{index-DymY06ih.css → index-CQEyyT3g.css} +21 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DymY06ih.css → index-CQEyyT3g.css} +21 -1
- package/dist/es/index.js +2 -2
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Label/Label.d.ts +1 -0
- package/dist/esm/components/atoms/Label/Label.js +1 -0
- package/dist/esm/components/atoms/Label/Label.js.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.css +11 -1
- package/dist/esm/components/atoms/Poster/Poster.d.ts +2 -1
- package/dist/esm/components/atoms/Poster/Poster.js +2 -2
- package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
- package/package.json +2 -2
|
@@ -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,6 +599,9 @@
|
|
|
589
599
|
}
|
|
590
600
|
|
|
591
601
|
.rls-poster {
|
|
602
|
+
--pvt-background: var(--rls-theme-color-100);
|
|
603
|
+
--pvt-border-content: none;
|
|
604
|
+
--pvt-border-color: var(--rls-app-color-100);
|
|
592
605
|
position: relative;
|
|
593
606
|
display: block;
|
|
594
607
|
width: auto;
|
|
@@ -602,14 +615,21 @@
|
|
|
602
615
|
border-radius: var(--rls-sizing-x2);
|
|
603
616
|
color: var(--rls-app-color-300);
|
|
604
617
|
background: var(--rls-app-background-100);
|
|
618
|
+
border: var(--pvt-border-content);
|
|
605
619
|
}
|
|
606
620
|
.rls-poster[rls-theme] {
|
|
621
|
+
--pvt-border-color: var(--rls-theme-color-100);
|
|
607
622
|
color: var(--rls-theme-color-100);
|
|
608
623
|
background: var(--rls-theme-color-500);
|
|
609
624
|
}
|
|
610
625
|
.rls-poster--contrast[rls-theme] {
|
|
626
|
+
--pvt-border-color: var(--rls-theme-color-500);
|
|
611
627
|
color: var(--rls-theme-color-700);
|
|
612
|
-
background: var(--
|
|
628
|
+
background: var(--pvt-background);
|
|
629
|
+
}
|
|
630
|
+
.rls-poster--outline {
|
|
631
|
+
--pvt-background: var(--rls-theme-color-050);
|
|
632
|
+
--pvt-border-content: 1px solid var(--pvt-border-color);
|
|
613
633
|
}
|
|
614
634
|
|
|
615
635
|
.rls-progress-bar {
|
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 }) {
|