@rolster/react-components 1.5.4 → 1.5.6

package/dist/es/assets/{lib-c7838c89.css → lib-1621a5fc.css}

@@ -244,9 +244,9 @@
   line-height: initial;
   width: auto;
   margin: auto 0rem;
-  font-size: 0.825rem;
+  font-size: var(--button-font-size);
   font-weight: var(--font-weight-bold);
-  letter-spacing: 0.825px;
+  letter-spacing: var(--button-letter-spacing);
   text-transform: var(--rls-button-label-text-transform);
 }
 .rls-button__label a {
@@ -280,7 +280,7 @@
   user-select: none;
   cursor: default;
   background: transparent;
-  color: var(--rls-buttonaction-color);
+  color: var(--rls-action-color);
 }
 .rls-button-action::before {
   position: absolute;
@@ -292,7 +292,7 @@
   visibility: hidden;
   border-radius: 50%;
   transform: scale(0);
-  background: var(--rls-buttonaction-ripple-color);
+  background: var(--rls-action-ripple-color);
   padding-top: calc(120% - var(--sizing-8));
   padding-left: calc(120% - var(--sizing-8));
   margin-top: calc(-60% + var(--sizing-4));
@@ -310,12 +310,12 @@
   top: 50%;
   left: 50%;
   opacity: 0.24;
-  width: var(--rls-buttonaction-ripple-dimension);
-  height: var(--rls-buttonaction-ripple-dimension);
-  margin-top: var(--rls-buttonaction-ripple-position);
-  margin-left: var(--rls-buttonaction-ripple-position);
+  width: var(--rls-action-ripple-dimension);
+  height: var(--rls-action-ripple-dimension);
+  margin-top: var(--rls-action-ripple-position);
+  margin-left: var(--rls-action-ripple-position);
   border-radius: 50%;
-  background: var(--rls-buttonaction-ripple-color);
+  background: var(--rls-action-ripple-color);
   transform: scale(0);
   transition: transform 160ms 0ms var(--sharp-curve);
 }
@@ -1240,8 +1240,8 @@
 
 .rls-password-field {
   --rls-input-parent-padding: var(--sizing-6) var(--sizing-8);
-  --rls-buttonaction-ripple-dimension: var(--sizing-32);
-  --rls-buttonaction-ripple-position: -1rem;
+  --rls-action-ripple-dimension: var(--sizing-32);
+  --rls-action-ripple-position: -1rem;
   position: relative;
   float: left;
   width: 100%;
@@ -1545,7 +1545,11 @@
 .rls-card {
   background: var(--background-theme-500);
   border-radius: var(--sizing-8);
+  box-shadow: var(--shadow-center-light-8);
+}
+.rls-card--outline {
   border: var(--border-1-theme-100);
+  box-shadow: none;
 }
 .rls-card__content {
   display: flex;

package/dist/es/lib.js

@@ -2821,8 +2821,8 @@ function RlsAutocompleteField({ suggestions, children, disabled, formControl, on
                                         }, children: jsxRuntimeExports.jsx(RlsIcon, { value: "search" }) }))] }), searching && jsxRuntimeExports.jsx(RlsProgressBar, { indeterminate: true }), coincidences.map((element, index) => (jsxRuntimeExports.jsx("li", { className: "rls-list-field__element", tabIndex: -1, onClick: onClickItem(element), onKeyDown: onKeydownItem(element), children: jsxRuntimeExports.jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: element.title }) }, index))), !coincidences.length && (jsxRuntimeExports.jsx("li", { className: "rls-list-field__empty", children: jsxRuntimeExports.jsxs("div", { className: "rls-list-field__empty__description", children: [jsxRuntimeExports.jsx("label", { className: "label-bold truncate", children: "Selecci\u00F3n no disponible" }), jsxRuntimeExports.jsx("label", { className: "caption-regular", children: "Lo sentimos, en el momento no hay elementos en el listado" })] }) }))] }), jsxRuntimeExports.jsx("div", { className: "rls-list-field__backdrop", onClick: onClickBackdrop })] })] }));
 }
 
-function RlsCard({ children, rlsTheme }) {
-    return (jsxRuntimeExports.jsx("div", { className: "rls-card", "rls-theme": rlsTheme, children: jsxRuntimeExports.jsx("div", { className: "rls-card__content", children: children }) }));
+function RlsCard({ children, outline, rlsTheme }) {
+    return (jsxRuntimeExports.jsx("div", { className: renderClassStatus('rls-card', { outline }), "rls-theme": rlsTheme, children: jsxRuntimeExports.jsx("div", { className: "rls-card__content", children: children }) }));
 }
 
 class ConfirmationResult extends PartialSealed {