@rolster/react-components 1.5.3 → 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.
@@ -1200,11 +1200,11 @@
1200
1200
  border-radius: var(--sizing-4);
1201
1201
  }
1202
1202
  .rls-pagination__page:hover {
1203
- background: var(--color-xofttion-300);
1204
- color: var(--color-xofttion-900);
1203
+ background: var(--color-rolster-300);
1204
+ color: var(--color-rolster-900);
1205
1205
  }
1206
1206
  .rls-pagination__page--active {
1207
- background: var(--gradient-xofttion-500);
1207
+ background: var(--gradient-rolster-500);
1208
1208
  color: var(--color-light-500);
1209
1209
  }
1210
1210
  .rls-pagination__description {
@@ -1230,7 +1230,7 @@
1230
1230
  margin: var(--sizing-2) 0rem;
1231
1231
  }
1232
1232
  .rls-pagination__action:hover {
1233
- color: var(--color-xofttion-300);
1233
+ color: var(--color-rolster-300);
1234
1234
  cursor: pointer;
1235
1235
  }
1236
1236
  .rls-pagination__action:disabled {
@@ -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 {