@rolster/react-components 1.5.4 → 1.5.5

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.
@@ -1545,7 +1545,11 @@
1545
1545
  .rls-card {
1546
1546
  background: var(--background-theme-500);
1547
1547
  border-radius: var(--sizing-8);
1548
+ box-shadow: var(--shadow-center-light-8);
1549
+ }
1550
+ .rls-card--outline {
1548
1551
  border: var(--border-1-theme-100);
1552
+ box-shadow: none;
1549
1553
  }
1550
1554
  .rls-card__content {
1551
1555
  display: flex;
package/dist/es/lib.js CHANGED
@@ -2821,8 +2821,8 @@ function RlsAutocompleteField({ suggestions, children, disabled, formControl, on
2821
2821
  }, 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 })] })] }));
2822
2822
  }
2823
2823
 
2824
- function RlsCard({ children, rlsTheme }) {
2825
- return (jsxRuntimeExports.jsx("div", { className: "rls-card", "rls-theme": rlsTheme, children: jsxRuntimeExports.jsx("div", { className: "rls-card__content", children: children }) }));
2824
+ function RlsCard({ children, outline, rlsTheme }) {
2825
+ return (jsxRuntimeExports.jsx("div", { className: renderClassStatus('rls-card', { outline }), "rls-theme": rlsTheme, children: jsxRuntimeExports.jsx("div", { className: "rls-card__content", children: children }) }));
2826
2826
  }
2827
2827
 
2828
2828
  class ConfirmationResult extends PartialSealed {