@oliasoft-open-source/react-ui-library 3.3.0 → 3.3.1

package/dist/global.css

@@ -11920,73 +11920,73 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1irb4_332 {
+._inputInTable_orepy_332 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputHover_1irb4_338 {
+._inputHover_orepy_338 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1irb4_343 {
+._inputFocus_orepy_343 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1irb4_350,
-._inputWarning_1irb4_351 {
+._inputError_orepy_350,
+._inputWarning_orepy_351 {
   position: relative;
 }
-._inputError_1irb4_350 {
+._inputError_orepy_350 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1irb4_350:hover {
+._inputError_orepy_350:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1irb4_350:focus {
+._inputError_orepy_350:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1irb4_351 {
+._inputWarning_orepy_351 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1irb4_351:hover {
+._inputWarning_orepy_351:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1irb4_351:focus {
+._inputWarning_orepy_351:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1irb4_386 {
+._inputDisabled_orepy_386 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1irb4_391 {
+._hideScrollbars_orepy_391 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1irb4_391::-webkit-scrollbar {
+._hideScrollbars_orepy_391::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -11995,7 +11995,7 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: transparent;
 }
-._container_1irb4_407 {
+._container_orepy_407 {
   padding: 10px 14px;
   border-radius: 4px;
   display: inline-flex;
@@ -12010,33 +12010,33 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_1irb4_407::-webkit-scrollbar {
+._container_orepy_407::-webkit-scrollbar {
   display: none;
 }
-._container_1irb4_407._block_1irb4_425 {
+._container_orepy_407._block_orepy_425 {
   display: flex;
 }
-._container_1irb4_407._info_1irb4_428 {
+._container_orepy_407._info_orepy_428 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_1irb4_407._success_1irb4_432 {
+._container_orepy_407._success_orepy_432 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_1irb4_407._warning_1irb4_436 {
+._container_orepy_407._warning_orepy_436 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_1irb4_407._error_1irb4_440 {
+._container_orepy_407._error_orepy_440 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_1irb4_444 {
+._content_orepy_444 {
   flex: 1;
   min-width: 0;
 }
-._heading_1irb4_448 {
+._heading_orepy_448 {
   font-weight: bold;
   letter-spacing: 0.1em;
   text-transform: uppercase;
@@ -12044,45 +12044,51 @@ html[data-theme='dark'] {
   line-height: 20px;
   margin-bottom: 3px;
 }
-._icon_1irb4_456,
-._dismiss_1irb4_457 {
+._icon_orepy_456,
+._dismiss_orepy_457 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 20px;
 }
-._icon_1irb4_456 {
+._icon_orepy_456 {
   margin-right: 12px;
 }
-._dismiss_1irb4_457 {
+._dismiss_orepy_457 {
   margin-left: 12px;
   color: var(--color-text);
 }
-._dismiss_1irb4_457._absolute_1irb4_470 {
+._dismiss_orepy_457._absolute_orepy_470 {
   position: absolute;
   top: 10px;
   right: 14px;
 }
-._legendToggle_1irb4_475,
-._dismiss_1irb4_457 {
+._legendToggle_orepy_475,
+._dismiss_orepy_457 {
   opacity: 0.4;
 }
-._legendToggle_1irb4_475:hover,
-._dismiss_1irb4_457:hover {
+._legendToggle_orepy_475:hover,
+._dismiss_orepy_457:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_1irb4_475:active,
-._dismiss_1irb4_457:active {
+._legendToggle_orepy_475:active,
+._dismiss_orepy_457:active {
   opacity: 1;
 }
-._legendToggle_1irb4_475 {
+._legendToggle_orepy_475 {
   margin-top: 3px;
 }
-._detailsText_1irb4_491 {
+._detailsText_orepy_491 {
   margin-top: 3px;
   word-break: break-word;
 }
+._footer_orepy_495 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
 /*
  This file has shared variables that are re-used:
    - in other LESS files/modules

package/dist/index.js

@@ -12664,7 +12664,7 @@ const scroll$2 = "_scroll_11kaj_22";
 const header$2 = "_header_11kaj_25";
 const dismiss$2 = "_dismiss_11kaj_33";
 const content$3 = "_content_11kaj_44";
-const footer$2 = "_footer_11kaj_53";
+const footer$3 = "_footer_11kaj_53";
 const styles$A = {
   dialog,
   inline: inline$2,
@@ -12672,7 +12672,7 @@ const styles$A = {
   header: header$2,
   dismiss: dismiss$2,
   content: content$3,
-  footer: footer$2
+  footer: footer$3
 };
 const convertStringToJsx = (children) => {
   if (lodash.exports.isArray(children)) {
@@ -25362,26 +25362,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$6 = "_inputInTable_1irb4_332";
-const inputHover$6 = "_inputHover_1irb4_338";
-const inputFocus$6 = "_inputFocus_1irb4_343";
-const inputError$6 = "_inputError_1irb4_350";
-const inputWarning$6 = "_inputWarning_1irb4_351";
-const inputDisabled$6 = "_inputDisabled_1irb4_386";
-const hideScrollbars$6 = "_hideScrollbars_1irb4_391";
-const container$1 = "_container_1irb4_407";
-const block = "_block_1irb4_425";
-const info = "_info_1irb4_428";
-const success = "_success_1irb4_432";
-const warning$5 = "_warning_1irb4_436";
-const error$4 = "_error_1irb4_440";
-const content$1 = "_content_1irb4_444";
-const heading$2 = "_heading_1irb4_448";
-const icon$3 = "_icon_1irb4_456";
-const dismiss$1 = "_dismiss_1irb4_457";
-const absolute = "_absolute_1irb4_470";
-const legendToggle = "_legendToggle_1irb4_475";
-const detailsText = "_detailsText_1irb4_491";
+const inputInTable$6 = "_inputInTable_orepy_332";
+const inputHover$6 = "_inputHover_orepy_338";
+const inputFocus$6 = "_inputFocus_orepy_343";
+const inputError$6 = "_inputError_orepy_350";
+const inputWarning$6 = "_inputWarning_orepy_351";
+const inputDisabled$6 = "_inputDisabled_orepy_386";
+const hideScrollbars$6 = "_hideScrollbars_orepy_391";
+const container$1 = "_container_orepy_407";
+const block = "_block_orepy_425";
+const info = "_info_orepy_428";
+const success = "_success_orepy_432";
+const warning$5 = "_warning_orepy_436";
+const error$4 = "_error_orepy_440";
+const content$1 = "_content_orepy_444";
+const heading$2 = "_heading_orepy_448";
+const icon$3 = "_icon_orepy_456";
+const dismiss$1 = "_dismiss_orepy_457";
+const absolute = "_absolute_orepy_470";
+const legendToggle = "_legendToggle_orepy_475";
+const detailsText = "_detailsText_orepy_491";
+const footer$2 = "_footer_orepy_495";
 const styles$p = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -25402,7 +25403,8 @@ const styles$p = {
   dismiss: dismiss$1,
   absolute,
   legendToggle,
-  detailsText
+  detailsText,
+  footer: footer$2
 };
 const Dismiss = ({
   type,
@@ -25482,6 +25484,7 @@ const Message = ({
     heading: heading2,
     content: content2,
     details: details2,
+    footer: footer2,
     withDismiss,
     onClose,
     width,
@@ -25515,7 +25518,10 @@ const Message = ({
           dispatch: () => dispatch({
             type: "TOGGLE_DETAILS"
           })
-        }) : null]
+        }) : null, !!footer2 && /* @__PURE__ */ jsx("div", {
+          className: styles$p.footer,
+          children: footer2
+        })]
       }), withDismiss ? /* @__PURE__ */ jsx(Dismiss, {
         type,
         onClose
@@ -25530,6 +25536,7 @@ const messageShape = propTypes$1.exports.shape({
   heading: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   content: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   details: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
+  footer: propTypes$1.exports.node,
   withDismiss: propTypes$1.exports.bool,
   onClose: propTypes$1.exports.func,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",