@inceptionbg/iui 2.0.14 → 2.0.16

package/src/styles/components/_table.scss

@@ -9,6 +9,8 @@ table {
   thead {
     z-index: 2;
     background-color: var(--neutral-100);
+    // background-color: var(--primary);
+    // color: var(--text-inverse);
     tr:first-child th {
       border-top: var(--borderlight);
     }
@@ -44,6 +46,10 @@ table {
     &.selected {
       background-color: rgba(0, 0, 0, 0.05);
     }
+    &:has(.iui-icon-btn:hover),
+    &:has(a:hover) {
+      background-color: transparent !important;
+    }
     &.focused {
       background-color: var(--primary-100);
     }
@@ -204,44 +210,49 @@ table {
 .table-sort-item {
   flex-direction: row-reverse;
 }
-// .dual-list-container {
-//   .dual-list-content {
-//     display: grid;
-//     grid-template-columns: 1fr auto 1fr;
-//     gap: 12px;
-//   }
-//   .list-box {
-//     border: var(--border-light);
-//     border-radius: 16px;
-//     padding: 10px;
-//     user-select: none;
-//     & > .item {
-//       display: flex;
-//       justify-content: space-between;
-//       align-items: center;
-//       padding: 8px;
-//       font-size: 12px;
-//       svg {
-//         color: rgba(0, 0, 0, 0.6);
-//         margin-left: 1rem;
-//       }
-//       &:hover {
-//         background-color: var(--primary-o10);
-//       }
-//       &:active {
-//         background-color: var(--primary-o25);
-//       }
-//     }
-//   }
-//   .exchange-icon {
-//     display: flex;
-//     align-items: center;
-//     svg {
-//       height: 20px;
-//       width: 20px;
-//     }
-//   }
-// }
+.dual-list-container {
+  .dual-list-content {
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
+    gap: 16px 12px;
+  }
+  .list-box {
+    border: var(--border-light);
+    border-radius: 8px;
+    padding: 8px;
+    user-select: none;
+    & > .item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 8px;
+      font-size: 14spx;
+      svg {
+        color: var(--text);
+        margin-left: 1rem;
+      }
+      &:hover {
+        background-color: var(--primary-o10);
+      }
+      &:active {
+        background-color: var(--primary-o25);
+      }
+      &.dragging {
+        transform: scale(1.02);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+        background-color: #fff !important;
+      }
+    }
+  }
+  .exchange-icon {
+    display: flex;
+    align-items: center;
+    svg {
+      height: 20px;
+      width: 20px;
+    }
+  }
+}
 
 .edit-row {
   background: var(--neutral-100);

package/src/styles/variables/_variables.scss

@@ -112,8 +112,17 @@
   --neutral-700: hsl(351, 0%, 31%);
   --neutral-t: rgba(16, 24, 40, 0.5);
 
+  // --danger-100: #fceae8;
+  // --danger-200: #f7d7d4;
+  // --danger-300: #dc776f;
+  // --danger-400: #de4f45;
+  // --danger-500: #d92d20;
+  // --danger-600: #c5261b;
+  // --danger-700: #a11b12;
+
   --primary: var(--primary-500);
   --neutral: var(--neutral-500);
+  --danger: var(--danger-500);
 
   --text: var(--neutral-700);
   --text-disabled: var(--neutral-400);

package/src/types/IHeader.ts

@@ -22,7 +22,7 @@ export type IHeaderUserMenuProps = {
   userName?: string;
   organizationName?: string;
   menuItems: IMenuItem[];
-  showBadge?: boolean;
+  inviteCount?: number;
   controls: {
     myAccountControl: IPopupControl;
     changeOrgControl: IPopupControl;

package/src/types/ITable.ts

@@ -4,6 +4,7 @@ import { ITableKeyboardActionsBase } from './IKeyboard';
 import { IPopupControl } from './IPopup';
 
 export interface ITable<T = unknown> {
+  id?: string;
   columnData: ITableColumnsData;
   data: ITableDataItem[];
   dataActions?: ITableDataActions;

package/dist/NoAccessPage-DBq5IzIf.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTranslation as r}from"react-i18next";import{Link as a}from"react-router";import{Button as c}from"./index.js";import"@fortawesome/react-fontawesome";import"clsx";import"dayjs";import"react-beautiful-dnd";import"react-toastify";import"react";import"react-dom";import"react-calendar";import"react-select";import"react-select-async-paginate";import"react-select/async-creatable";const i=()=>{const{t:i}=r();return e("div",{className:"full-screen-page",children:[e("div",{id:"content",children:[t("h1",{children:i("NoAccessPage")}),t("p",{className:"subtitle",children:i("NoAccessPageInfo")})]}),t("p",{id:"img",className:"img-403",children:"403"}),t("div",{id:"actions",children:t(a,{to:"/",children:t(c,{label:i("ReturnToHomepage")})})})]})};export{i as default};
-//# sourceMappingURL=NoAccessPage-DBq5IzIf.js.map