@rolster/react-components 18.10.9 → 18.10.11

package/dist/cjs/assets/{index-nrIFu6l7.css → index-_J97liwf.css}

@@ -25,7 +25,6 @@
 
 .rls-avatar {
   position: relative;
-  float: left;
   display: flex;
   justify-content: center;
   overflow: hidden;
@@ -391,8 +390,8 @@
 }
 .rls-checkbox__component {
   border-radius: var(--sizing-x1);
-  width: 0.875rem;
-  height: 0.875rem;
+  width: 7rem;
+  height: 7rem;
   margin: auto;
   background: var(--gradient-rolster-500);
   transform: var(--pvt-component-transform);
@@ -647,8 +646,8 @@
 }
 .rls-radiobutton__component {
   border-radius: 50%;
-  width: 0.875rem;
-  height: 0.875rem;
+  width: 7rem;
+  height: 7rem;
   margin: auto;
   background: var(--gradient-rolster-500);
   transform: var(--pvt-component-transform);
@@ -900,7 +899,7 @@
   --rls-button-toggle-ul-opacity: 0;
   --rls-button-toggle-ul-transform: none;
   position: absolute;
-  top: 2.8125rem;
+  top: 22.5rem;
   left: 0rem;
   width: 100%;
   height: 0rem;
@@ -948,7 +947,7 @@
   line-height: var(--sizing-x20);
   cursor: default;
   font-weight: var(--font-weight-bold);
-  font-size: 0.825rem;
+  font-size: 6.6rem;
   letter-spacing: 0.825px;
   text-transform: uppercase;
   color: var(--color-theme-300);
@@ -1002,7 +1001,7 @@
   position: relative;
   float: left;
   width: 100%;
-  max-width: 17.5rem;
+  max-width: 140rem;
   box-sizing: border-box;
   user-select: none;
 }
@@ -1036,7 +1035,7 @@
   height: var(--sizing-x18);
   line-height: var(--sizing-x18);
   margin: var(--sizing-x1) 0rem;
-  font-size: 0.875rem;
+  font-size: 7rem;
   font-weight: var(--font-weight-semibold);
   background: var(--pvt-span-background);
 }
@@ -1069,7 +1068,7 @@
   position: relative;
   float: left;
   width: 100%;
-  max-width: 17.5rem;
+  max-width: 140rem;
   box-sizing: border-box;
   user-select: none;
 }
@@ -1103,7 +1102,7 @@
   height: var(--sizing-x18);
   line-height: var(--sizing-x18);
   margin: var(--sizing-x1) 0rem;
-  font-size: 0.875rem;
+  font-size: 7rem;
   font-weight: var(--font-weight-semibold);
 }
 .rls-day-range-picker__day__span:not(:hover) {
@@ -1143,7 +1142,7 @@
   position: relative;
   float: left;
   width: 100%;
-  max-width: 17.5rem;
+  max-width: 140rem;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: var(--sizing-x2);
@@ -1173,7 +1172,7 @@
   opacity: 0.5;
 }
 .rls-month-picker__span {
-  font-size: 0.725rem;
+  font-size: 5.8rem;
   margin: auto;
   cursor: default;
   pointer-events: none;
@@ -1406,7 +1405,7 @@
   color: var(--color-theme-500);
   height: var(--sizing-x12);
   line-height: var(--sizing-x12);
-  font-size: 1.0125rem;
+  font-size: 8.125rem;
   letter-spacing: var(--label-letter-spacing);
   font-weight: var(--font-weight-bold);
 }
@@ -1427,7 +1426,7 @@
   position: relative;
   float: left;
   width: 100%;
-  max-width: 17.5rem;
+  max-width: 140rem;
   box-sizing: border-box;
   overflow: hidden;
   user-select: none;
@@ -1604,9 +1603,9 @@
   --pvt-subtitle-letter-spacing: var(--body-letter-spacing);
   --pvt-subtitle-line-height: var(--body-line-height);
   --pvt-subtitle-text-transform: initial;
-  --pvt-content-font-size: 0.925rem;
+  --pvt-content-font-size: 7.4rem;
   --pvt-content-letter-spacing: 0.05em;
-  --pvt-content-line-height: 1.325rem;
+  --pvt-content-line-height: 10.6rem;
   --pvt-backdrop-opacity: 0;
   --pvt-backdrop-bottom: initial;
   position: fixed;
@@ -1635,7 +1634,7 @@
   flex-direction: column;
   row-gap: var(--sizing-x8);
   width: calc(100% - var(--sizing-x16));
-  max-width: 35rem;
+  max-width: 280rem;
   height: var(--pvt-component-height);
   opacity: var(--pvt-component-opacity);
   visibility: var(--pvt-component-visibility);
@@ -1732,7 +1731,7 @@
     --pvt-subtitle-font-size: var(--smalltext-font-size);
     --pvt-subtitle-letter-spacing: var(--smalltext-letter-spacing);
     --pvt-subtitle-line-height: var(--smalltext-line-height);
-    --pvt-content-font-size: 0.9125rem;
+    --pvt-content-font-size: 7.325rem;
   }
   .rls-confirmation__footer__actions {
     flex-direction: column-reverse;
@@ -1746,7 +1745,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  max-width: 18.75rem;
+  max-width: 150rem;
 }
 .rls-date-picker__header {
   background: var(--color-rolster-100);
@@ -1766,7 +1765,7 @@
 .rls-date-picker__title--description {
   height: var(--sizing-x16);
   line-height: var(--sizing-x16);
-  font-size: 1.15rem;
+  font-size: 9.25rem;
 }
 .rls-date-picker__title--year {
   margin: var(--sizing-x4) 0rem var(--sizing-x2) 0rem;
@@ -1777,7 +1776,7 @@
 }
 .rls-date-picker__component {
   display: flex;
-  width: 18.75rem;
+  width: 150rem;
   padding: 0rem var(--sizing-x2);
   box-sizing: border-box;
   margin-bottom: var(--sizing-x4);
@@ -1820,7 +1819,7 @@
 }
 
 .rls-modal {
-  --pvt-component-transform: translateY(10rem) scale(0.6);
+  --pvt-component-transform: translateY(80rem) scale(0.6);
   --pvt-component-height: 0rem;
   --pvt-component-opacity: 0;
   --pvt-component-visibility: hidden;
@@ -1923,7 +1922,7 @@
 .rls-date-range-picker {
   position: relative;
   float: left;
-  max-width: 18.75rem;
+  max-width: 150rem;
   overflow: hidden;
 }
 .rls-date-range-picker__header {
@@ -1944,7 +1943,7 @@
 .rls-date-range-picker__title--description {
   height: var(--sizing-x16);
   line-height: var(--sizing-x16);
-  font-size: 1.15rem;
+  font-size: 9.25rem;
 }
 .rls-date-range-picker__title--year {
   margin: var(--sizing-x4) 0rem var(--sizing-x2) 0rem;
@@ -2045,7 +2044,7 @@
   top: var(--sizing-x8);
   right: var(--sizing-x8);
   width: calc(100% - var(--sizing-x16));
-  max-width: 20rem;
+  max-width: 160rem;
   height: auto;
   max-height: calc(100vh - var(--sizing-x16));
   z-index: var(--z-index-12);
@@ -2090,7 +2089,7 @@
   z-index: 32;
   width: auto;
   height: auto;
-  max-width: 30rem;
+  max-width: 240rem;
   padding: var(--sizing-x6);
   box-sizing: border-box;
   border-radius: var(--sizing-x4);

package/dist/cjs/index.js

@@ -1525,14 +1525,16 @@ function RlsDatatableHeader({ children }) {
     return jsxRuntime.jsx("tr", { className: "rls-datatable__header", children: children });
 }
 function RlsDatatableTitle({ children, className, control }) {
-    return (jsxRuntime.jsx("th", { className: `${className} ` + renderClassStatus('rls-datatable__title', { control }), children: children }));
+    return (jsxRuntime.jsx("th", { className: (renderClassStatus('rls-datatable__title', { control }) +
+            ` ${className || ''}`).trim(), children: children }));
 }
-function RlsDatatableData({ children, className }) {
-    return jsxRuntime.jsx("tr", { className: `rls-datatable__data ${className}`, children: children });
+function RlsDatatableData({ children, className, error }) {
+    return (jsxRuntime.jsx("tr", { className: (renderClassStatus('rls-datatable__data', { error }) +
+            ` ${className || ''}`).trim(), children: children }));
 }
 function RlsDatatableCell({ children, className, control, overflow }) {
-    return (jsxRuntime.jsx("th", { className: `${className} ` +
-            renderClassStatus('rls-datatable__cell', { control, overflow }), children: children }));
+    return (jsxRuntime.jsx("th", { className: (renderClassStatus('rls-datatable__cell', { control, overflow }) +
+            ` ${className || ''}`).trim(), children: children }));
 }
 function RlsDatatable({ children, footer, header, rlsTheme }) {
     return (jsxRuntime.jsxs("div", { className: "rls-datatable", "rls-theme": rlsTheme, children: [jsxRuntime.jsxs("table", { children: [header && jsxRuntime.jsx("thead", { className: "rls-datatable__thead", children: header }), jsxRuntime.jsx("tbody", { className: "rls-datatable__tbody", children: children })] }), footer && jsxRuntime.jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));