@oliasoft-open-source/react-ui-library 4.0.0-beta-61 → 4.0.0-beta-63

package/dist/assets/{index-815d3e96.css → index-6c077a65.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, 25.71428571%, 97.5%);
-  --color-neutral-100: hsl(60, 25.71428571%, 92.5%);
-  --color-neutral-150: hsl(60, 25.71428571%, 87.5%);
-  --color-neutral-200: hsl(60, 25.71428571%, 82.5%);
-  --color-neutral-250: hsl(60, 25.71428571%, 77.5%);
-  --color-neutral-300: hsl(60, 25.71428571%, 72.5%);
-  --color-neutral-350: hsl(60, 25.71428571%, 67.5%);
-  --color-neutral-400: hsl(60, 25.71428571%, 62.5%);
-  --color-neutral-450: hsl(60, 25.71428571%, 57.5%);
-  --color-neutral-500: hsl(60, 25.71428571%, 52.5%);
-  --color-neutral-550: hsl(60, 25.71428571%, 47.5%);
-  --color-neutral-600: hsl(60, 25.71428571%, 42.5%);
-  --color-neutral-650: hsl(60, 25.71428571%, 37.5%);
-  --color-neutral-700: hsl(60, 25.71428571%, 32.5%);
-  --color-neutral-750: hsl(60, 25.71428571%, 27.5%);
-  --color-neutral-800: hsl(60, 25.71428571%, 22.5%);
-  --color-neutral-850: hsl(60, 25.71428571%, 17.5%);
-  --color-neutral-900: hsl(60, 25.71428571%, 12.5%);
-  --color-neutral-950: hsl(60, 25.71428571%, 7.5%);
-  --color-neutral-1000: hsl(60, 25.71428571%, 2.5%);
+  --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%);
 }
 
 :root {
@@ -578,7 +578,7 @@ a {
   --color-background: var(--color-neutral-100);
   --color-background-raised: white;
   --color-background-layer: white;
-  --color-background-disabled: var(--color-neutral-100);
+  --color-background-disabled: rgba(0, 0, 0, 0.1);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-100);
   --color-background-error: var(--color-error-500);
@@ -605,9 +605,9 @@ a {
 
 html[data-theme='dark'] {
   color-scheme: dark;
-  --color-text: var(--color-neutral-100);
-  --color-text-muted: var(--color-neutral-300);
-  --color-text-faint: var(--color-neutral-500);
+  --color-text: var(--color-neutral-200);
+  --color-text-muted: var(--color-neutral-400);
+  --color-text-faint: var(--color-neutral-600);
   --color-text-primary: var(--color-primary-400);
   --color-text-primary-active: var(--color-primary-200);
   --color-text-primary-hover: var(--color-primary-300);
@@ -617,9 +617,9 @@ html[data-theme='dark'] {
   --color-text-warning: var(--color-warning-300);
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
   --color-background: var(--color-neutral-900);
-  --color-background-raised: var(--color-neutral-800);
+  --color-background-raised: var(--color-neutral-850);
   --color-background-layer: var(--color-neutral-700);
-  --color-background-disabled: var(--color-neutral-900);
+  --color-background-disabled: rgba(0, 0, 0, 0.2);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-800);
   --color-background-error: var(--color-error-500);
@@ -630,8 +630,8 @@ html[data-theme='dark'] {
   --color-background-warning-muted: var(--color-warning-800);
   --color-background-primary: var(--color-primary-500);
   --color-background-primary-muted: var(--color-primary-800);
-  --color-background-cardheader: var(--color-neutral-850);
-  --color-background-input: var(--color-neutral-800);
+  --color-background-cardheader: transparent;
+  --color-background-input: rgba(255, 255, 255, 0.1);
   --color-background-listitem-active: var(--color-primary-700);
   --color-background-listitem-hover: var(--color-neutral-700);
   --color-border: black;
@@ -9088,80 +9088,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_16p4q_1 {
+._inputInTable_cydch_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_16p4q_1:not(:hover) {
+._inputInTable_cydch_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_16p4q_1:not(:focus) {
+._inputInTable_cydch_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_16p4q_13 {
+._inputHover_cydch_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_16p4q_18 {
+._inputFocus_cydch_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_16p4q_25,
-._inputWarning_16p4q_26 {
+._inputError_cydch_25,
+._inputWarning_cydch_26 {
   position: relative;
 }
-._inputError_16p4q_25 {
+._inputError_cydch_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_16p4q_25:hover {
+._inputError_cydch_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_16p4q_25:focus {
+._inputError_cydch_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_16p4q_26 {
+._inputWarning_cydch_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_16p4q_26:hover {
+._inputWarning_cydch_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_16p4q_26:focus {
+._inputWarning_cydch_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_16p4q_61 {
+._inputDisabled_cydch_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_16p4q_67 {
+._hideScrollbars_cydch_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_16p4q_67::-webkit-scrollbar {
+._hideScrollbars_cydch_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9169,10 +9169,10 @@ button:active .remirror-menu-pane-shortcut,
   --color-background-table-row-tinted: var(--color-neutral-50);
 }
 html[data-theme='dark'] {
-  --color-background-table-header: var(--color-neutral-700);
-  --color-background-table-row-tinted: var(--color-neutral-750);
+  --color-background-table-header: var(--color-neutral-800);
+  --color-background-table-row-tinted: rgba(255, 255, 255, 0.025);
 }
-._wrapper_16p4q_85 {
+._wrapper_cydch_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9180,22 +9180,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_16p4q_85._bordered_16p4q_93 {
+._wrapper_cydch_85._bordered_cydch_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_16p4q_98 {
+._scroll_cydch_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_16p4q_98:not(:first-child) {
+._scroll_cydch_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_16p4q_108 {
+._table_cydch_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9204,32 +9204,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_16p4q_108 > :first-child {
+._table_cydch_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :last-child {
+._table_cydch_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child {
+._table_cydch_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :first-child {
+._table_cydch_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9245,10 +9245,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_16p4q_108 > *:not(:last-child) > tr th,
-._table_16p4q_108 > *:not(:last-child) > tr td,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) th,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) td {
+._table_cydch_108 > *:not(:last-child) > tr th,
+._table_cydch_108 > *:not(:last-child) > tr td,
+._table_cydch_108 > *:last-child > tr:not(:last-child) th,
+._table_cydch_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9275,7 +9275,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_16p4q_188 tbody tr:nth-child(even) {
+._striped_cydch_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_11pbp_1 {

package/dist/assets/{index-bb4c3557.js → index-a82e6f39.js}

@@ -57220,18 +57220,18 @@ const Spacer = ({
     }
   }
 );
-const inputInTable$2 = "_inputInTable_16p4q_1";
-const inputHover$2 = "_inputHover_16p4q_13";
-const inputFocus$2 = "_inputFocus_16p4q_18";
-const inputError$2 = "_inputError_16p4q_25";
-const inputWarning$2 = "_inputWarning_16p4q_26";
-const inputDisabled$2 = "_inputDisabled_16p4q_61";
-const hideScrollbars$2 = "_hideScrollbars_16p4q_67";
-const wrapper = "_wrapper_16p4q_85";
-const bordered = "_bordered_16p4q_93";
-const scroll2 = "_scroll_16p4q_98";
-const table = "_table_16p4q_108";
-const striped = "_striped_16p4q_188";
+const inputInTable$2 = "_inputInTable_cydch_1";
+const inputHover$2 = "_inputHover_cydch_13";
+const inputFocus$2 = "_inputFocus_cydch_18";
+const inputError$2 = "_inputError_cydch_25";
+const inputWarning$2 = "_inputWarning_cydch_26";
+const inputDisabled$2 = "_inputDisabled_cydch_61";
+const hideScrollbars$2 = "_hideScrollbars_cydch_67";
+const wrapper = "_wrapper_cydch_85";
+const bordered = "_bordered_cydch_93";
+const scroll2 = "_scroll_cydch_98";
+const table = "_table_cydch_108";
+const striped = "_striped_cydch_188";
 const styles$c = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,

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, 25.71428571%, 97.5%);
-  --color-neutral-100: hsl(60, 25.71428571%, 92.5%);
-  --color-neutral-150: hsl(60, 25.71428571%, 87.5%);
-  --color-neutral-200: hsl(60, 25.71428571%, 82.5%);
-  --color-neutral-250: hsl(60, 25.71428571%, 77.5%);
-  --color-neutral-300: hsl(60, 25.71428571%, 72.5%);
-  --color-neutral-350: hsl(60, 25.71428571%, 67.5%);
-  --color-neutral-400: hsl(60, 25.71428571%, 62.5%);
-  --color-neutral-450: hsl(60, 25.71428571%, 57.5%);
-  --color-neutral-500: hsl(60, 25.71428571%, 52.5%);
-  --color-neutral-550: hsl(60, 25.71428571%, 47.5%);
-  --color-neutral-600: hsl(60, 25.71428571%, 42.5%);
-  --color-neutral-650: hsl(60, 25.71428571%, 37.5%);
-  --color-neutral-700: hsl(60, 25.71428571%, 32.5%);
-  --color-neutral-750: hsl(60, 25.71428571%, 27.5%);
-  --color-neutral-800: hsl(60, 25.71428571%, 22.5%);
-  --color-neutral-850: hsl(60, 25.71428571%, 17.5%);
-  --color-neutral-900: hsl(60, 25.71428571%, 12.5%);
-  --color-neutral-950: hsl(60, 25.71428571%, 7.5%);
-  --color-neutral-1000: hsl(60, 25.71428571%, 2.5%);
+  --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%);
 }
 
 :root {
@@ -578,7 +578,7 @@ a {
   --color-background: var(--color-neutral-100);
   --color-background-raised: white;
   --color-background-layer: white;
-  --color-background-disabled: var(--color-neutral-100);
+  --color-background-disabled: rgba(0, 0, 0, 0.1);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-100);
   --color-background-error: var(--color-error-500);
@@ -605,9 +605,9 @@ a {
 
 html[data-theme='dark'] {
   color-scheme: dark;
-  --color-text: var(--color-neutral-100);
-  --color-text-muted: var(--color-neutral-300);
-  --color-text-faint: var(--color-neutral-500);
+  --color-text: var(--color-neutral-200);
+  --color-text-muted: var(--color-neutral-400);
+  --color-text-faint: var(--color-neutral-600);
   --color-text-primary: var(--color-primary-400);
   --color-text-primary-active: var(--color-primary-200);
   --color-text-primary-hover: var(--color-primary-300);
@@ -617,9 +617,9 @@ html[data-theme='dark'] {
   --color-text-warning: var(--color-warning-300);
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
   --color-background: var(--color-neutral-900);
-  --color-background-raised: var(--color-neutral-800);
+  --color-background-raised: var(--color-neutral-850);
   --color-background-layer: var(--color-neutral-700);
-  --color-background-disabled: var(--color-neutral-900);
+  --color-background-disabled: rgba(0, 0, 0, 0.2);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-800);
   --color-background-error: var(--color-error-500);
@@ -630,8 +630,8 @@ html[data-theme='dark'] {
   --color-background-warning-muted: var(--color-warning-800);
   --color-background-primary: var(--color-primary-500);
   --color-background-primary-muted: var(--color-primary-800);
-  --color-background-cardheader: var(--color-neutral-850);
-  --color-background-input: var(--color-neutral-800);
+  --color-background-cardheader: transparent;
+  --color-background-input: rgba(255, 255, 255, 0.1);
   --color-background-listitem-active: var(--color-primary-700);
   --color-background-listitem-hover: var(--color-neutral-700);
   --color-border: black;
@@ -9088,80 +9088,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_16p4q_1 {
+._inputInTable_cydch_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_16p4q_1:not(:hover) {
+._inputInTable_cydch_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_16p4q_1:not(:focus) {
+._inputInTable_cydch_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_16p4q_13 {
+._inputHover_cydch_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_16p4q_18 {
+._inputFocus_cydch_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_16p4q_25,
-._inputWarning_16p4q_26 {
+._inputError_cydch_25,
+._inputWarning_cydch_26 {
   position: relative;
 }
-._inputError_16p4q_25 {
+._inputError_cydch_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_16p4q_25:hover {
+._inputError_cydch_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_16p4q_25:focus {
+._inputError_cydch_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_16p4q_26 {
+._inputWarning_cydch_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_16p4q_26:hover {
+._inputWarning_cydch_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_16p4q_26:focus {
+._inputWarning_cydch_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_16p4q_61 {
+._inputDisabled_cydch_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_16p4q_67 {
+._hideScrollbars_cydch_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_16p4q_67::-webkit-scrollbar {
+._hideScrollbars_cydch_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9169,10 +9169,10 @@ button:active .remirror-menu-pane-shortcut,
   --color-background-table-row-tinted: var(--color-neutral-50);
 }
 html[data-theme='dark'] {
-  --color-background-table-header: var(--color-neutral-700);
-  --color-background-table-row-tinted: var(--color-neutral-750);
+  --color-background-table-header: var(--color-neutral-800);
+  --color-background-table-row-tinted: rgba(255, 255, 255, 0.025);
 }
-._wrapper_16p4q_85 {
+._wrapper_cydch_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9180,22 +9180,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_16p4q_85._bordered_16p4q_93 {
+._wrapper_cydch_85._bordered_cydch_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_16p4q_98 {
+._scroll_cydch_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_16p4q_98:not(:first-child) {
+._scroll_cydch_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_16p4q_108 {
+._table_cydch_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9204,32 +9204,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_16p4q_108 > :first-child {
+._table_cydch_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :last-child {
+._table_cydch_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child {
+._table_cydch_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :first-child {
+._table_cydch_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9245,10 +9245,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_16p4q_108 > *:not(:last-child) > tr th,
-._table_16p4q_108 > *:not(:last-child) > tr td,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) th,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) td {
+._table_cydch_108 > *:not(:last-child) > tr th,
+._table_cydch_108 > *:not(:last-child) > tr td,
+._table_cydch_108 > *:last-child > tr:not(:last-child) th,
+._table_cydch_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9275,7 +9275,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_16p4q_188 tbody tr:nth-child(even) {
+._striped_cydch_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_11pbp_1 {

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-bb4c3557.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-815d3e96.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-a82e6f39.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-6c077a65.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -62756,18 +62756,18 @@ const Spacer = ({
     }
   }
 );
-const inputInTable$2 = "_inputInTable_16p4q_1";
-const inputHover$2 = "_inputHover_16p4q_13";
-const inputFocus$2 = "_inputFocus_16p4q_18";
-const inputError$2 = "_inputError_16p4q_25";
-const inputWarning$2 = "_inputWarning_16p4q_26";
-const inputDisabled$2 = "_inputDisabled_16p4q_61";
-const hideScrollbars$2 = "_hideScrollbars_16p4q_67";
-const wrapper = "_wrapper_16p4q_85";
-const bordered = "_bordered_16p4q_93";
-const scroll2 = "_scroll_16p4q_98";
-const table = "_table_16p4q_108";
-const striped = "_striped_16p4q_188";
+const inputInTable$2 = "_inputInTable_cydch_1";
+const inputHover$2 = "_inputHover_cydch_13";
+const inputFocus$2 = "_inputFocus_cydch_18";
+const inputError$2 = "_inputError_cydch_25";
+const inputWarning$2 = "_inputWarning_cydch_26";
+const inputDisabled$2 = "_inputDisabled_cydch_61";
+const hideScrollbars$2 = "_hideScrollbars_cydch_67";
+const wrapper = "_wrapper_cydch_85";
+const bordered = "_bordered_cydch_93";
+const scroll2 = "_scroll_cydch_98";
+const table = "_table_cydch_108";
+const striped = "_striped_cydch_188";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,