@rolster/react-components 18.20.4 → 18.20.6

package/dist/es/assets/{index-DYtIRACv.css → index-Cp7p-Y-D.css}

@@ -124,9 +124,11 @@
 }
 .rls-breadcrumb__label__a {
   display: inline-block;
-  cursor: pointer;
   color: var(--pvt-link-font-color);
 }
+.rls-breadcrumb__label__a--actionable {
+  cursor: pointer;
+}
 .rls-breadcrumb__label__a--actionable:hover {
   color: var(--rls-theme-color-500);
   text-decoration: underline;
@@ -906,6 +908,36 @@
   border-radius: var(--rlc-switch-bar-radius);
 }
 
+.rls-alert {
+  position: relative;
+  display: flex;
+  align-items: center;
+  column-gap: var(--rls-sizing-x6);
+  border-radius: var(--rls-sizing-x6);
+  box-sizing: border-box;
+  background: var(--rls-theme-color-100);
+  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
+}
+.rls-alert--bordered {
+  border: var(--rls-theme-border-1-500);
+}
+.rls-alert__icon {
+  --rlc-icon-color: var(--rls-theme-color-100);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--rls-sizing-x16);
+  height: var(--rls-sizing-x16);
+  border-radius: 50%;
+  background: var(--rls-theme-color-500);
+}
+.rls-alert__icon + .rls-alert__content {
+  max-width: calc(100% - 22rem);
+}
+.rls-alert__content {
+  width: auto;
+}
+
 .rls-ballot {
   --rlc-avatar-width: var(--rls-sizing-x20);
   --rlc-avatar-height: var(--rls-sizing-x20);

package/dist/es/index.js

@@ -1676,6 +1676,10 @@ function RlsSwitchControl({ formControl, disabled, identifier, rlsTheme }) {
         }, rlsTheme: rlsTheme }));
 }
 
+function RlsAlert({ bordered, children, icon, identifier, rlsTheme }) {
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: useRenderClassStatus('rls-alert', { bordered }), "rls-theme": rlsTheme, children: [icon && (jsxRuntimeExports.jsx("div", { className: "rls-alert__icon", children: jsxRuntimeExports.jsx(RlsIcon, { value: icon }) })), jsxRuntimeExports.jsx("div", { className: "rls-alert__content", children: children })] }));
+}
+
 function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsTheme }) {
     return (jsxRuntimeExports.jsxs("div", { className: useRenderClassStatus('rls-ballot', { bordered, skeleton }), "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 }) }) }))] })] }));
 }
@@ -2170,6 +2174,9 @@ function RlsDatatableHeader({ children, identifier }) {
 function RlsDatatableTitle({ children, className, control, identifier }) {
     return (jsxRuntimeExports.jsx("th", { id: identifier, className: useRenderClassStatus('rls-datatable__title', { control }, className).trim(), children: children }));
 }
+function RlsDatatableSubheader({ children, className, identifier }) {
+    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: useRenderClassStatus('rls-datatable__subheader', {}, className).trim(), children: children }));
+}
 function RlsDatatableRecord({ children, className, error, identifier, info, successs, warning }) {
     return (jsxRuntimeExports.jsx("tr", { id: identifier, className: useRenderClassStatus('rls-datatable__record', { error, info, successs, warning }, className).trim(), children: children }));
 }
@@ -2182,10 +2189,10 @@ function RlsDatatableCell({ children, className, control, identifier, overflow }
 function RlsDatatableData({ children, className, control, identifier, overflow }) {
     return (jsxRuntimeExports.jsx("div", { id: identifier, className: useRenderClassStatus('rls-datatable__data', { control, overflow }, className).trim(), children: children }));
 }
-function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary }) {
+function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }) {
     return (jsxRuntimeExports.jsxs("div", { className: useRenderClassStatus('rls-datatable', {
             scrolleable: datatable?.scrolleable
-        }), "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsxs("table", { id: identifier, children: [header && jsxRuntimeExports.jsx("thead", { className: "rls-datatable__thead", children: header }), jsxRuntimeExports.jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__tbody", children: children })] }), summary && jsxRuntimeExports.jsx("div", { className: "rls-datatable__tsummary", children: summary }), footer && jsxRuntimeExports.jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));
+        }), "rls-theme": rlsTheme, children: [toolbar && jsxRuntimeExports.jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), jsxRuntimeExports.jsxs("table", { id: identifier, children: [header && jsxRuntimeExports.jsx("thead", { className: "rls-datatable__head", children: header }), jsxRuntimeExports.jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__body", children: children })] }), summary && jsxRuntimeExports.jsx("div", { className: "rls-datatable__summary", children: summary }), footer && jsxRuntimeExports.jsx("div", { className: "rls-datatable__footer", children: footer })] }));
 }
 
 const DURATION_ANIMATION$1 = 240;
@@ -2670,5 +2677,5 @@ function RlsApplication({ children }) {
                 }), children: [children, RlsSnackbar] }), RlsConfirmation] }));
 }
 
-export { ConfirmationResult, RlsAmount, RlsApplication, RlsAvatar, RlsBadge, RlsBallot, RlsBreadcrumb, RlsButton, RlsButtonAction, RlsButtonProgress, RlsButtonToggle, RlsCard, RlsCheckBox, RlsCheckBoxControl, RlsConfirmation, RlsContext, RlsDatatable, RlsDatatableCell, RlsDatatableData, RlsDatatableHeader, RlsDatatableRecord, RlsDatatableTitle, RlsDatatableTotals, RlsFieldAutocomplete, RlsFieldAutocompleteTemplate, RlsFieldDate, RlsFieldDateRange, RlsFieldMoney, RlsFieldNumber, RlsFieldPassword, RlsFieldSelect, RlsFieldSelectTemplate, RlsFieldText, RlsFormNavigation, RlsIcon, RlsInput, RlsInputMoney, RlsInputNumber, RlsInputPassword, RlsInputSearch, RlsInputText, RlsLabel, RlsLabelCheckBox, RlsLabelRadioButton, RlsLabelSwitch, RlsMessageFormError, RlsMessageIcon, RlsModal, RlsPagination, RlsPickerDate, RlsPickerDateRange, RlsPickerDay, RlsPickerDayRange, RlsPickerMonth, RlsPickerMonthTitle, RlsPickerYear, RlsPoster, RlsProgressBar, RlsProgressCircular, RlsRadioButton, RlsSkeleton, RlsSkeletonText, RlsSnackbar, RlsSwitch, RlsSwitchControl, RlsTabularText, RlsToolbar, rangeFormatTemplate, renderClassStatus, useConfirmationService, useDatatable, useListController, useRenderClassStatus, useSnackbarService };
+export { ConfirmationResult, RlsAlert, RlsAmount, RlsApplication, RlsAvatar, RlsBadge, RlsBallot, RlsBreadcrumb, RlsButton, RlsButtonAction, RlsButtonProgress, RlsButtonToggle, RlsCard, RlsCheckBox, RlsCheckBoxControl, RlsConfirmation, RlsContext, RlsDatatable, RlsDatatableCell, RlsDatatableData, RlsDatatableHeader, RlsDatatableRecord, RlsDatatableSubheader, RlsDatatableTitle, RlsDatatableTotals, RlsFieldAutocomplete, RlsFieldAutocompleteTemplate, RlsFieldDate, RlsFieldDateRange, RlsFieldMoney, RlsFieldNumber, RlsFieldPassword, RlsFieldSelect, RlsFieldSelectTemplate, RlsFieldText, RlsFormNavigation, RlsIcon, RlsInput, RlsInputMoney, RlsInputNumber, RlsInputPassword, RlsInputSearch, RlsInputText, RlsLabel, RlsLabelCheckBox, RlsLabelRadioButton, RlsLabelSwitch, RlsMessageFormError, RlsMessageIcon, RlsModal, RlsPagination, RlsPickerDate, RlsPickerDateRange, RlsPickerDay, RlsPickerDayRange, RlsPickerMonth, RlsPickerMonthTitle, RlsPickerYear, RlsPoster, RlsProgressBar, RlsProgressCircular, RlsRadioButton, RlsSkeleton, RlsSkeletonText, RlsSnackbar, RlsSwitch, RlsSwitchControl, RlsTabularText, RlsToolbar, rangeFormatTemplate, renderClassStatus, useConfirmationService, useDatatable, useListController, useRenderClassStatus, useSnackbarService };
 //# sourceMappingURL=index.js.map