@rolster/react-components 18.21.30 → 18.21.32

package/dist/cjs/assets/{index-DQbtHgNQ.css → index-BQ758ZeF.css}

@@ -120,18 +120,16 @@
   vertical-align: top;
   -webkit-font-smoothing: antialiased;
 }
-.rls-breadcrumb__label--active {
-  --pvt-link-font-color: var(--rls-theme-color-500);
-}
 .rls-breadcrumb__label__a {
   display: inline-block;
-  color: var(--pvt-link-font-color);
+}
+.rls-breadcrumb__label__a[rls-theme] {
+  color: var(--rls-theme-color-500);
 }
 .rls-breadcrumb__label__a--actionable {
   cursor: pointer;
 }
 .rls-breadcrumb__label__a--actionable:hover {
-  color: var(--rls-theme-color-500);
   text-decoration: underline;
 } /*# sourceMappingURL=Breadcrumb.css.map */
 
@@ -1018,7 +1016,7 @@
 }
 .rls-ballot--bordered {
   border-radius: var(--rls-sizing-x4);
-  border: var(--rls-app-border-1-100);
+  border: var(--rls-app-border-2-100);
 }
 .rls-ballot--skeleton {
   --rls-subtitle-width: 60%;
@@ -1771,17 +1769,24 @@
 } /*# sourceMappingURL=Toolbar.css.map */
 
 .rls-card {
-  background: var(--rls-app-color-050);
+  --rlc-divider-background: var(--rls-app-color-300);
+  --pvt-background: var(--rls-app-color-100);
+  --pvt-border: var(--rls-app-border-2-300);
+  background: var(--pvt-background);
   border-radius: var(--rls-sizing-x4);
-  box-shadow: var(--rls-light-shadow-center-8);
+}
+.rls-card[rls-theme] {
+  --rlc-divider-background: var(--rls-theme-color-300);
+  --pvt-background: var(--rls-theme-color-100);
 }
 .rls-card--outline {
-  border: var(--rls-app-border-1-100);
-  box-shadow: none;
+  border: var(--pvt-border);
+  box-sizing: border-box;
 }
 .rls-card__content {
   display: flex;
   flex-direction: column;
+  row-gap: var(--rlc-card-content-gap, var(--rls-sizing-x4));
   padding: var(--rlc-card-content-padding, var(--rls-sizing-x8));
   box-sizing: border-box;
 } /*# sourceMappingURL=Card.css.map */
@@ -1995,6 +2000,7 @@
 }
 .rls-field-autocomplete .rls-field-list__ul__control:disabled {
   opacity: 0.5;
+  pointer-events: none;
 }
 .rls-field-autocomplete .rls-field-list__ul .rls-progress-bar {
   margin-bottom: var(--rls-sizing-x8);
@@ -2179,6 +2185,7 @@
 }
 .rls-field-date__control:disabled {
   opacity: 0.5;
+  pointer-events: none;
 }
 .rls-field-date__action {
   --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
@@ -2311,6 +2318,7 @@
 }
 .rls-field-date-range__control:disabled {
   opacity: 0.5;
+  pointer-events: none;
 }
 .rls-field-date-range__action {
   --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
@@ -2329,8 +2337,14 @@
   margin: 1rem;
 } /*# sourceMappingURL=FieldDateRange.css.map */
 
+.rls-field-select {
+  --pvt-control-cursor: pointer;
+}
+.rls-field-select.rls-field-box--disabled {
+  --pvt-control-cursor: none;
+}
 .rls-field-select .rls-field-list__control {
-  cursor: pointer;
+  cursor: var(--pvt-control-cursor);
 }
 .rls-field-select .rls-field-list__action {
   transition: transform 160ms 0ms var(--rls-sharp-curve);

package/dist/cjs/index.js

@@ -1502,7 +1502,7 @@ function RlsBreadcrumbLabel({ label }) {
             actionable: !!label.onClick
         });
     }, [label.onClick]);
-    return (jsxRuntimeExports.jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, children: jsxRuntimeExports.jsx("a", { className: className, children: label.label }) }));
+    return (jsxRuntimeExports.jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, "rls-theme": label.rlsTheme, children: jsxRuntimeExports.jsx("a", { className: className, children: label.label }) }));
 }
 function RlsBreadcrumb({ labels }) {
     return (jsxRuntimeExports.jsx("div", { className: "rls-breadcrumb", children: labels.map((label, index) => (jsxRuntimeExports.jsx(RlsBreadcrumbLabel, { label: label }, index))) }));
@@ -1711,7 +1711,7 @@ function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsT
     const className = require$$0.useMemo(() => {
         return renderClassStatus('rls-ballot', { bordered, skeleton });
     }, [bordered, skeleton]);
-    return (jsxRuntimeExports.jsxs("div", { className: className, "rls-theme": rlsTheme, children: [(img || initials) && (jsxRuntimeExports.jsxs(RlsAvatar, { skeleton: skeleton, children: [img && jsxRuntimeExports.jsx("img", { src: img }), initials && jsxRuntimeExports.jsx("span", { children: initials })] })), jsxRuntimeExports.jsxs("div", { className: "rls-ballot__component", children: [jsxRuntimeExports.jsx("label", { className: "rls-ballot__title", children: jsxRuntimeExports.jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (jsxRuntimeExports.jsx("label", { className: "rls-ballot__subtitle", children: jsxRuntimeExports.jsx(RlsSkeletonText, { active: skeleton, children: jsxRuntimeExports.jsx("span", { children: subtitle }) }) }))] })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: className, "rls-theme": rlsTheme, children: [(img || initials) && (jsxRuntimeExports.jsxs(RlsAvatar, { skeleton: skeleton, children: [img && jsxRuntimeExports.jsx("img", { src: img }), initials && jsxRuntimeExports.jsx("span", { children: initials })] })), jsxRuntimeExports.jsxs("div", { className: "rls-ballot__component", children: [jsxRuntimeExports.jsx("div", { className: "rls-ballot__title", children: jsxRuntimeExports.jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (jsxRuntimeExports.jsx("div", { className: "rls-ballot__subtitle", children: jsxRuntimeExports.jsx(RlsSkeletonText, { active: skeleton, children: subtitle }) }))] })] }));
 }
 
 function RlsButtonProgress({ icon, disabled, onClick, progressing, rlsTheme }) {