@oliasoft-open-source/react-ui-library 4.0.0-beta-36 → 4.0.0-beta-37

package/dist/global.css

@@ -777,49 +777,49 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
-._accordion_g9mdx_1 {
+._accordion_1erh7_1 {
   position: relative;
   color: var(--color-text);
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5 {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5 {
   display: flex;
   align-items: center;
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5 ._heading_g9mdx_9 {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5 ._heading_1erh7_9 {
   flex-grow: 1;
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5._clickable_g9mdx_12:hover {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5._clickable_1erh7_12:hover {
   cursor: pointer;
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5._clickable_g9mdx_12:hover > * {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5._clickable_1erh7_12:hover > * {
   color: var(--color-text) !important;
 }
-._accordion_g9mdx_1:not(._bordered_g9mdx_18) ._accordionContent_g9mdx_18 {
+._accordion_1erh7_1:not(._bordered_1erh7_18) ._accordionContent_1erh7_18 {
   margin-top: var(--margin);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionHeader_g9mdx_5,
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionContent_g9mdx_18 {
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionHeader_1erh7_5,
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionContent_1erh7_18 {
   border: 1px solid var(--color-border);
   line-height: var(--line-height);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionHeader_g9mdx_5 {
-  padding: var(--margin-xs) var(--padding-sm-x);
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionHeader_1erh7_5 {
+  padding: var(--space-1) var(--padding-sm);
   border-radius: var(--border-radius);
   background-color: var(--color-background);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18._expanded_g9mdx_31 ._accordionHeader_g9mdx_5 {
+._accordion_1erh7_1._bordered_1erh7_18._expanded_1erh7_31 ._accordionHeader_1erh7_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionContent_g9mdx_18 {
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionContent_1erh7_18 {
   border-top: none;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   background-color: var(--color-background-raised);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionContent_g9mdx_18._padding_g9mdx_40 {
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionContent_1erh7_18._padding_1erh7_40 {
   padding: var(--padding-sm);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18._squareBottom_g9mdx_43 ._accordionHeader_g9mdx_5 {
+._accordion_1erh7_1._bordered_1erh7_18._squareBottom_1erh7_43 ._accordionHeader_1erh7_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -952,22 +952,22 @@ a {
 ._clickable_hd0z2_12:active {
   color: var(--color-text-primary-active);
 }
-._bordered_1lw5s_1 {
+._bordered_3972c_1 {
   border: 1px solid var(--color-border);
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   border-top: none;
   background-color: var(--color-background-raised);
 }
-._checkboxWrapper_1lw5s_7 {
-  padding: var(--margin-xs) var(--padding-sm-x);
+._checkboxWrapper_3972c_7 {
+  padding: var(--space-1) var(--padding-sm);
 }
-._checkboxWrapper_1lw5s_7:last-child {
+._checkboxWrapper_3972c_7:last-child {
   border-radius: 0 0 inherit inherit;
 }
-._padding_1lw5s_13 {
+._padding_3972c_13 {
   padding: var(--padding-sm);
 }
-._contentWrapper_1lw5s_16 {
+._contentWrapper_3972c_16 {
   border-radius: inherit;
 }
 ._wrapper_aulte_1 {
@@ -1674,42 +1674,42 @@ html[data-theme='dark'] {
 ._buttonGroup_iu2wi_11 > *:not(:last-child) {
   margin-right: -1px;
 }
-._card_1r818_1 {
+._card_1atmq_1 {
   color: var(--color-text);
 }
-._card_1r818_1._bordered_1r818_4 {
+._card_1atmq_1._bordered_1atmq_4 {
   background: var(--color-background-raised);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-button);
   border-radius: var(--border-radius);
 }
-._card_1r818_1._bordered_1r818_4._raised_1r818_10 {
+._card_1atmq_1._bordered_1atmq_4._raised_1atmq_10 {
   box-shadow: var(--shadow-layer);
 }
-._card_1r818_1._bordered_1r818_4 ._cardHeader_1r818_13 {
+._card_1atmq_1._bordered_1atmq_4 ._cardHeader_1atmq_13 {
   background: var(--color-background);
-  padding: var(--margin-xs) var(--padding-sm-x);
+  padding: var(--margin-xs) var(--padding-sm);
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._card_1r818_1._bordered_1r818_4 ._cardContentBorderTop_1r818_19 {
+._card_1atmq_1._bordered_1atmq_4 ._cardContentBorderTop_1atmq_19 {
   border-top: 1px solid var(--color-border);
 }
-._card_1r818_1._bordered_1r818_4 ._padding_1r818_22 {
+._card_1atmq_1._bordered_1atmq_4 ._padding_1atmq_22 {
   padding: var(--padding-sm);
 }
-._cardContent_1r818_19:first-child {
+._cardContent_1atmq_19:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._cardContent_1r818_19:last-child {
+._cardContent_1atmq_19:last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._cardHeader_1r818_13 {
+._cardHeader_1atmq_13 {
   display: flex;
   align-items: center;
-  padding: var(--padding-sm-y) 0;
+  padding: var(--padding-sm) 0;
 }
 ._divider_2bfzh_1 {
   display: flex;
@@ -2942,7 +2942,7 @@ html[data-theme='dark'] {
 ._newLine_1haxe_31 {
   white-space: 'pre-wrap';
 }
-._menu_vqsn8_1 {
+._menu_1gmgb_1 {
   overflow-y: auto;
   position: relative;
   min-width: 160px;
@@ -2952,33 +2952,33 @@ html[data-theme='dark'] {
   background-color: var(--color-background-raised);
   margin-top: 2px;
 }
-._header_vqsn8_11 {
-  padding: var(--space-2) var(--padding-sm-x);
+._header_1gmgb_11 {
+  padding: var(--space-2) var(--padding-sm);
   display: flex;
   justify-content: space-between;
 }
-._header_vqsn8_11 a {
+._header_1gmgb_11 a {
   color: var(--color-text-primary);
   font-weight: normal;
   cursor: pointer;
 }
-._header_vqsn8_11 a:hover {
+._header_1gmgb_11 a:hover {
   color: var(--color-text-primary-hover);
 }
-._header_vqsn8_11 a:active {
+._header_1gmgb_11 a:active {
   color: var(--color-text-primary-active);
 }
-._item_vqsn8_27 {
-  padding: var(--space-2) var(--padding-sm-x);
+._item_1gmgb_27 {
+  padding: var(--space-2) var(--padding-sm);
   background: transparent;
   cursor: default;
 }
-._heading_vqsn8_32 {
+._heading_1gmgb_32 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
-  padding: var(--space-2) var(--padding-sm-x);
+  padding: var(--space-2) var(--padding-sm);
   max-width: 100%;
   display: block;
   overflow: hidden;
@@ -9196,10 +9196,10 @@ tbody tr {
 ._striped_1ssxi_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
-._title_l73mz_1 {
+._title_q9c26_1 {
   background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border-table);
-  padding: var(--margin-xs) var(--padding-sm-x);
+  padding: var(--margin-xs) var(--padding-sm);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -10387,7 +10387,7 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
 }
 
 .Toastify__toast .Toastify__toast-body > div > div {
-  padding-right: calc(var(--size-sm) + var(--padding-sm-x) + var(--margin-xs));
+  padding-right: calc(var(--size-sm) + var(--padding-sm) + var(--margin-xs));
 }
 
 /*# sourceMappingURL=toaster.less.map */:root {

package/dist/index.js

@@ -3279,15 +3279,15 @@ const Chevron = ({ expanded: expanded2 }) => {
     })
   });
 };
-const accordion = "_accordion_g9mdx_1";
-const accordionHeader = "_accordionHeader_g9mdx_5";
-const heading$6 = "_heading_g9mdx_9";
-const clickable$1 = "_clickable_g9mdx_12";
-const bordered$4 = "_bordered_g9mdx_18";
-const accordionContent = "_accordionContent_g9mdx_18";
-const expanded$1 = "_expanded_g9mdx_31";
-const padding$3 = "_padding_g9mdx_40";
-const squareBottom = "_squareBottom_g9mdx_43";
+const accordion = "_accordion_1erh7_1";
+const accordionHeader = "_accordionHeader_1erh7_5";
+const heading$6 = "_heading_1erh7_9";
+const clickable$1 = "_clickable_1erh7_12";
+const bordered$4 = "_bordered_1erh7_18";
+const accordionContent = "_accordionContent_1erh7_18";
+const expanded$1 = "_expanded_1erh7_31";
+const padding$3 = "_padding_1erh7_40";
+const squareBottom = "_squareBottom_1erh7_43";
 const styles$R = {
   accordion,
   accordionHeader,
@@ -5735,10 +5735,10 @@ CheckBox.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const bordered$3 = "_bordered_1lw5s_1";
-const checkboxWrapper = "_checkboxWrapper_1lw5s_7";
-const padding$2 = "_padding_1lw5s_13";
-const contentWrapper = "_contentWrapper_1lw5s_16";
+const bordered$3 = "_bordered_3972c_1";
+const checkboxWrapper = "_checkboxWrapper_3972c_7";
+const padding$2 = "_padding_3972c_13";
+const contentWrapper = "_contentWrapper_3972c_16";
 const styles$N = {
   bordered: bordered$3,
   checkboxWrapper,
@@ -12661,13 +12661,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const card = "_card_1r818_1";
-const bordered$2 = "_bordered_1r818_4";
-const raised = "_raised_1r818_10";
-const cardHeader = "_cardHeader_1r818_13";
-const cardContentBorderTop = "_cardContentBorderTop_1r818_19";
-const padding$1 = "_padding_1r818_22";
-const cardContent = "_cardContent_1r818_19";
+const card = "_card_1atmq_1";
+const bordered$2 = "_bordered_1atmq_4";
+const raised = "_raised_1atmq_10";
+const cardHeader = "_cardHeader_1atmq_13";
+const cardContentBorderTop = "_cardContentBorderTop_1atmq_19";
+const padding$1 = "_padding_1atmq_22";
+const cardContent = "_cardContent_1atmq_19";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -27272,10 +27272,10 @@ Modal.propTypes = {
   centered: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const menu$1 = "_menu_vqsn8_1";
-const header = "_header_vqsn8_11";
-const item$3 = "_item_vqsn8_27";
-const heading$1 = "_heading_vqsn8_32";
+const menu$1 = "_menu_1gmgb_1";
+const header = "_header_1gmgb_11";
+const item$3 = "_item_1gmgb_27";
+const heading$1 = "_heading_1gmgb_32";
 const styles$p = {
   menu: menu$1,
   header,
@@ -59499,7 +59499,7 @@ const styles$a = {
   table,
   striped
 };
-const title$1 = "_title_l73mz_1";
+const title$1 = "_title_q9c26_1";
 const styles$9 = {
   title: title$1
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.0-beta-36",
+  "version": "4.0.0-beta-37",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {