@rolster/react-components 18.21.30 → 18.21.31

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.
@@ -1018,7 +1018,7 @@
1018
1018
  }
1019
1019
  .rls-ballot--bordered {
1020
1020
  border-radius: var(--rls-sizing-x4);
1021
- border: var(--rls-app-border-1-100);
1021
+ border: var(--rls-app-border-2-100);
1022
1022
  }
1023
1023
  .rls-ballot--skeleton {
1024
1024
  --rls-subtitle-width: 60%;
@@ -1771,13 +1771,17 @@
1771
1771
  } /*# sourceMappingURL=Toolbar.css.map */
1772
1772
 
1773
1773
  .rls-card {
1774
- background: var(--rls-app-color-050);
1774
+ --pvt-background: var(--rls-app-color-100);
1775
+ --pvt-border: var(--rls-app-border-2-300);
1776
+ background: var(--pvt-background);
1775
1777
  border-radius: var(--rls-sizing-x4);
1776
- box-shadow: var(--rls-light-shadow-center-8);
1778
+ }
1779
+ .rls-card[rls-theme] {
1780
+ --pvt-background: var(--rls-theme-color-100);
1777
1781
  }
1778
1782
  .rls-card--outline {
1779
- border: var(--rls-app-border-1-100);
1780
- box-shadow: none;
1783
+ border: var(--pvt-border);
1784
+ box-sizing: border-box;
1781
1785
  }
1782
1786
  .rls-card__content {
1783
1787
  display: flex;
@@ -1995,6 +1999,7 @@
1995
1999
  }
1996
2000
  .rls-field-autocomplete .rls-field-list__ul__control:disabled {
1997
2001
  opacity: 0.5;
2002
+ pointer-events: none;
1998
2003
  }
1999
2004
  .rls-field-autocomplete .rls-field-list__ul .rls-progress-bar {
2000
2005
  margin-bottom: var(--rls-sizing-x8);
@@ -2179,6 +2184,7 @@
2179
2184
  }
2180
2185
  .rls-field-date__control:disabled {
2181
2186
  opacity: 0.5;
2187
+ pointer-events: none;
2182
2188
  }
2183
2189
  .rls-field-date__action {
2184
2190
  --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
@@ -2311,6 +2317,7 @@
2311
2317
  }
2312
2318
  .rls-field-date-range__control:disabled {
2313
2319
  opacity: 0.5;
2320
+ pointer-events: none;
2314
2321
  }
2315
2322
  .rls-field-date-range__action {
2316
2323
  --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
@@ -2329,8 +2336,14 @@
2329
2336
  margin: 1rem;
2330
2337
  } /*# sourceMappingURL=FieldDateRange.css.map */
2331
2338
 
2339
+ .rls-field-select {
2340
+ --pvt-control-cursor: pointer;
2341
+ }
2342
+ .rls-field-select.rls-field-box--disabled {
2343
+ --pvt-control-cursor: none;
2344
+ }
2332
2345
  .rls-field-select .rls-field-list__control {
2333
- cursor: pointer;
2346
+ cursor: var(--pvt-control-cursor);
2334
2347
  }
2335
2348
  .rls-field-select .rls-field-list__action {
2336
2349
  transition: transform 160ms 0ms var(--rls-sharp-curve);
package/dist/es/index.js CHANGED
@@ -1709,7 +1709,7 @@ function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsT
1709
1709
  const className = useMemo(() => {
1710
1710
  return renderClassStatus('rls-ballot', { bordered, skeleton });
1711
1711
  }, [bordered, skeleton]);
1712
- 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 }) }) }))] })] }));
1712
+ 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 }) }))] })] }));
1713
1713
  }
1714
1714
 
1715
1715
  function RlsButtonProgress({ icon, disabled, onClick, progressing, rlsTheme }) {