@oliasoft-open-source/react-ui-library 4.0.0-beta-71 → 4.0.0-beta-73

package/dist/assets/{index-be5ba6ff.css → index-b19cfcad.css}

@@ -499,26 +499,26 @@ a {
   --color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);
   --color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);
   --color-neutral-0: hsl(0, 0%, 100%);
-  --color-neutral-50: hsl(60, 20%, 97.5%);
-  --color-neutral-100: hsl(60, 20%, 92.5%);
-  --color-neutral-150: hsl(60, 20%, 87.5%);
-  --color-neutral-200: hsl(60, 20%, 82.5%);
-  --color-neutral-250: hsl(60, 20%, 77.5%);
-  --color-neutral-300: hsl(60, 20%, 72.5%);
-  --color-neutral-350: hsl(60, 20%, 67.5%);
-  --color-neutral-400: hsl(60, 20%, 62.5%);
-  --color-neutral-450: hsl(60, 20%, 57.5%);
-  --color-neutral-500: hsl(60, 20%, 52.5%);
-  --color-neutral-550: hsl(60, 20%, 47.5%);
-  --color-neutral-600: hsl(60, 20%, 42.5%);
-  --color-neutral-650: hsl(60, 20%, 37.5%);
-  --color-neutral-700: hsl(60, 20%, 32.5%);
-  --color-neutral-750: hsl(60, 20%, 27.5%);
-  --color-neutral-800: hsl(60, 20%, 22.5%);
-  --color-neutral-850: hsl(60, 20%, 17.5%);
-  --color-neutral-900: hsl(60, 20%, 12.5%);
-  --color-neutral-950: hsl(60, 20%, 7.5%);
-  --color-neutral-1000: hsl(60, 20%, 2.5%);
+  --color-neutral-50: hsl(60, 10.05291005%, 97.5%);
+  --color-neutral-100: hsl(60, 10.05291005%, 92.5%);
+  --color-neutral-150: hsl(60, 10.05291005%, 87.5%);
+  --color-neutral-200: hsl(60, 10.05291005%, 82.5%);
+  --color-neutral-250: hsl(60, 10.05291005%, 77.5%);
+  --color-neutral-300: hsl(60, 10.05291005%, 72.5%);
+  --color-neutral-350: hsl(60, 10.05291005%, 67.5%);
+  --color-neutral-400: hsl(60, 10.05291005%, 62.5%);
+  --color-neutral-450: hsl(60, 10.05291005%, 57.5%);
+  --color-neutral-500: hsl(60, 10.05291005%, 52.5%);
+  --color-neutral-550: hsl(60, 10.05291005%, 47.5%);
+  --color-neutral-600: hsl(60, 10.05291005%, 42.5%);
+  --color-neutral-650: hsl(60, 10.05291005%, 37.5%);
+  --color-neutral-700: hsl(60, 10.05291005%, 32.5%);
+  --color-neutral-750: hsl(60, 10.05291005%, 27.5%);
+  --color-neutral-800: hsl(60, 10.05291005%, 22.5%);
+  --color-neutral-850: hsl(60, 10.05291005%, 17.5%);
+  --color-neutral-900: hsl(60, 10.05291005%, 12.5%);
+  --color-neutral-950: hsl(60, 10.05291005%, 7.5%);
+  --color-neutral-1000: hsl(60, 10.05291005%, 2.5%);
 }
 
 :root {
@@ -565,8 +565,8 @@ a {
     0 0 4px rgba(0, 0, 0, 0.1);
   --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.25);
   --color-text: var(--color-neutral-900);
-  --color-text-muted: var(--color-neutral-650);
-  --color-text-faint: var(--color-neutral-400);
+  --color-text-muted: var(--color-neutral-700);
+  --color-text-faint: var(--color-neutral-500);
   --color-text-error: var(--color-error-600);
   --color-text-warning: var(--color-warning-600);
   --color-text-success: var(--color-success-600);

package/dist/global.css

@@ -499,26 +499,26 @@ a {
   --color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);
   --color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);
   --color-neutral-0: hsl(0, 0%, 100%);
-  --color-neutral-50: hsl(60, 20%, 97.5%);
-  --color-neutral-100: hsl(60, 20%, 92.5%);
-  --color-neutral-150: hsl(60, 20%, 87.5%);
-  --color-neutral-200: hsl(60, 20%, 82.5%);
-  --color-neutral-250: hsl(60, 20%, 77.5%);
-  --color-neutral-300: hsl(60, 20%, 72.5%);
-  --color-neutral-350: hsl(60, 20%, 67.5%);
-  --color-neutral-400: hsl(60, 20%, 62.5%);
-  --color-neutral-450: hsl(60, 20%, 57.5%);
-  --color-neutral-500: hsl(60, 20%, 52.5%);
-  --color-neutral-550: hsl(60, 20%, 47.5%);
-  --color-neutral-600: hsl(60, 20%, 42.5%);
-  --color-neutral-650: hsl(60, 20%, 37.5%);
-  --color-neutral-700: hsl(60, 20%, 32.5%);
-  --color-neutral-750: hsl(60, 20%, 27.5%);
-  --color-neutral-800: hsl(60, 20%, 22.5%);
-  --color-neutral-850: hsl(60, 20%, 17.5%);
-  --color-neutral-900: hsl(60, 20%, 12.5%);
-  --color-neutral-950: hsl(60, 20%, 7.5%);
-  --color-neutral-1000: hsl(60, 20%, 2.5%);
+  --color-neutral-50: hsl(60, 10.05291005%, 97.5%);
+  --color-neutral-100: hsl(60, 10.05291005%, 92.5%);
+  --color-neutral-150: hsl(60, 10.05291005%, 87.5%);
+  --color-neutral-200: hsl(60, 10.05291005%, 82.5%);
+  --color-neutral-250: hsl(60, 10.05291005%, 77.5%);
+  --color-neutral-300: hsl(60, 10.05291005%, 72.5%);
+  --color-neutral-350: hsl(60, 10.05291005%, 67.5%);
+  --color-neutral-400: hsl(60, 10.05291005%, 62.5%);
+  --color-neutral-450: hsl(60, 10.05291005%, 57.5%);
+  --color-neutral-500: hsl(60, 10.05291005%, 52.5%);
+  --color-neutral-550: hsl(60, 10.05291005%, 47.5%);
+  --color-neutral-600: hsl(60, 10.05291005%, 42.5%);
+  --color-neutral-650: hsl(60, 10.05291005%, 37.5%);
+  --color-neutral-700: hsl(60, 10.05291005%, 32.5%);
+  --color-neutral-750: hsl(60, 10.05291005%, 27.5%);
+  --color-neutral-800: hsl(60, 10.05291005%, 22.5%);
+  --color-neutral-850: hsl(60, 10.05291005%, 17.5%);
+  --color-neutral-900: hsl(60, 10.05291005%, 12.5%);
+  --color-neutral-950: hsl(60, 10.05291005%, 7.5%);
+  --color-neutral-1000: hsl(60, 10.05291005%, 2.5%);
 }
 
 :root {
@@ -565,8 +565,8 @@ a {
     0 0 4px rgba(0, 0, 0, 0.1);
   --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.25);
   --color-text: var(--color-neutral-900);
-  --color-text-muted: var(--color-neutral-650);
-  --color-text-faint: var(--color-neutral-400);
+  --color-text-muted: var(--color-neutral-700);
+  --color-text-faint: var(--color-neutral-500);
   --color-text-error: var(--color-error-600);
   --color-text-warning: var(--color-warning-600);
   --color-text-success: var(--color-success-600);

package/dist/index.d.ts

@@ -933,6 +933,9 @@ declare interface IPagination {
     rowsPerPage?: IPaginationPerPageType;
     small?: boolean;
     errorMessageTemplate?: string;
+    testIds?: {
+        doubleRightBtn?: string;
+    };
 }
 
 declare interface IPaginationOptionType {

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-f7563196.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-be5ba6ff.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-a440ffa4.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-b19cfcad.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -29143,7 +29143,8 @@ const Pagination = ({ pagination }) => {
     small: small2,
     onSelectPage,
     rowsPerPage,
-    errorMessageTemplate
+    errorMessageTemplate,
+    testIds
   } = pagination;
   const showAll = Number(rowsPerPage == null ? void 0 : rowsPerPage.value) === 0;
   const numPages = numberOfPages(rowCount, rowsPerPage);
@@ -29245,7 +29246,8 @@ const Pagination = ({ pagination }) => {
         basic: true,
         icon: IconType.CHEVRON_DOUBLE_RIGHT,
         onClick: () => setSelectedPage(String(numPages)),
-        disabled: showAll || selectedPage === numPages
+        disabled: showAll || selectedPage === numPages,
+        testId: testIds == null ? void 0 : testIds.doubleRightBtn
       }
     )
   ] });
@@ -59831,8 +59833,8 @@ const Row$1 = ({
         flexShrink: flex ? 1 : 0,
         flexWrap: wrap2 ? "wrap" : "nowrap",
         height: height2,
-        marginLeft: Number(spacing) * -0.5,
-        marginRight: Number(spacing) * -0.5,
+        marginLeft: `calc(${spacing} * -0.5)`,
+        marginRight: `calc(${spacing} * -0.5)`,
         marginBottom,
         marginTop
       },