@inceptionbg/iui 1.0.4 → 1.0.6

package/src/styles/iui/components/_notifications.scss

@@ -1,86 +0,0 @@
-.notification-counter {
-  position: relative;
-  user-select: none;
-  cursor: pointer;
-  .bell svg .fa-secondary {
-    opacity: 1;
-    fill: #ffaa33;
-    stroke: #544417;
-    stroke-width: 30px;
-    stroke-opacity: 0.5;
-  }
-  .count {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: var(--error);
-    border-radius: 50%;
-    height: 18px;
-    min-width: 18px;
-    color: white;
-    font-size: 10px;
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-}
-
-.notifications-container {
-  max-height: calc(100vh - $header-height - 150px);
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 8px;
-  cursor: pointer;
-}
-
-.notification {
-  background-color: var(--primary-o10);
-  padding: 8px;
-  border-radius: 8px;
-  .header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    .title {
-      color: var(--primary-dark);
-      font-size: 14px;
-      font-weight: bold;
-    }
-    .date {
-      color: rgba(0, 0, 0, 0.6);
-      font-size: 9px;
-      margin: 4px 0;
-    }
-    svg {
-      color: var(--primary-o25);
-      height: 13px;
-      width: 13px;
-      padding: 4px;
-    }
-  }
-  .desc {
-    color: #000;
-    font-size: 12px;
-  }
-  .unread-icon svg {
-    color: #ff9500;
-  }
-  .disabled {
-    opacity: 1;
-  }
-}
-
-.notification-badge {
-  width: 24px;
-  height: 24px;
-  background-color: var(--secondary);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-  font-weight: 500;
-  font-size: 12px;
-}

package/src/styles/iui/components/_page.scss

@@ -1,50 +0,0 @@
-body {
-  position: fixed;
-  overflow: hidden;
-  width: 100%;
-}
-
-.page-container {
-  display: flex;
-  flex-direction: column;
-  min-height: calc(100vh - $header-height);
-  max-height: calc(100vh - $header-height);
-}
-
-.page-content {
-  display: flex;
-  flex-direction: column;
-  padding: 16px 24px;
-  flex: 1;
-  overflow-y: auto;
-}
-
-.page-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 24px;
-  min-height: 55px;
-  max-height: 55px;
-  border-bottom: 1px solid var(--primary);
-  .breadcrumbs {
-    display: flex;
-    h1 {
-      margin-right: 5px;
-    }
-    @media #{$bp-mt} {
-      margin-left: 18px;
-      h1 {
-        font-size: 13px;
-      }
-    }
-  }
-}
-
-.app-left-line {
-  background: var(--secondary);
-  width: 5px;
-  @media #{$bp-mt} {
-    width: 0px;
-  }
-}

package/src/styles/iui/components/_pagePrelogin.scss

@@ -1,66 +0,0 @@
-.full-page-container {
-  background-color: #f5f5f5;
-  padding: 50px 150px;
-  box-sizing: border-box;
-  min-height: 100vh;
-  h1 {
-    font-size: 40px;
-    font-weight: 900;
-    margin-bottom: 12px;
-  }
-  h2 {
-    color: #a3a3a3;
-    font-size: 16px;
-    line-height: 1.6;
-    white-space: pre-line;
-    span {
-      color: #000;
-    }
-  }
-  h3 {
-    font-size: 20px;
-    margin-bottom: 24px;
-  }
-  .desc-link {
-    color: var(--primary);
-    font-weight: 900;
-    &:hover {
-      text-decoration: underline;
-      color: var(--primary-light);
-    }
-  }
-  .content {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    .children {
-      margin: 48px 0;
-    }
-    .full-page-image {
-      display: flex;
-      justify-content: center;
-      padding: 50px;
-      img {
-        max-width: 20vw;
-        max-height: 40vh;
-      }
-    }
-  }
-}
-.iui-prelogin-card {
-  background-color: white;
-  border-radius: 25px;
-  padding: 24px;
-  width: fit-content;
-}
-
-@media (max-width: 700px) {
-  .full-page-container {
-    padding: 20px 30px;
-    .content {
-      display: block;
-    }
-    .full-page-image {
-      display: none !important;
-    }
-  }
-}

package/src/styles/iui/components/_portal.scss

@@ -1,8 +0,0 @@
-.portal-background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1000;
-}

package/src/styles/iui/components/_print.scss

@@ -1,92 +0,0 @@
-.iui-print-dialog {
-  position: absolute;
-  z-index: 2000;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  min-height: 100vh;
-  width: 100%;
-  animation: fade-in 200ms forwards;
-  & > .content {
-    background: #fefefe;
-    padding: 10px 50px 60px 50px;
-    p,
-    td {
-      font-size: 10pt;
-    }
-    h4 {
-      font-size: 12pt;
-    }
-    .name {
-      font-size: 11pt;
-      font-weight: bold;
-      margin-bottom: 5px;
-    }
-  }
-  @media print {
-    .content {
-      padding: 0;
-    }
-  }
-}
-.iui-print-actions {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 50px;
-  background-color: #fefefe;
-  box-shadow: $container-shadow;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.print-table {
-  @media print and (orientation: landscape) {
-    width: 842pt;
-  }
-  @media print and (orientation: portrait) {
-    width: 595pt;
-  }
-  // font-size: 10pt;
-  thead tr {
-    background: #f1f1f1;
-  }
-  th {
-    padding: 5px;
-    border: 1px solid silver;
-    p {
-      // font-size: 10pt;
-      padding: 4px 8px !important;
-    }
-  }
-  td {
-    padding: 3px;
-    border: 1px solid silver;
-  }
-}
-
-@media print {
-  #root,
-  .no-print {
-    display: none;
-  }
-  @page {
-    margin: 6.5mm;
-  }
-  body {
-    overflow: visible !important;
-  }
-  tbody td {
-    white-space: nowrap;
-  }
-  //   table {
-  //     page-break-inside: auto;
-  //   }
-  //   tr {
-  //     page-break-inside: avoid;
-  //     page-break-after: auto;
-  //   }
-}

package/src/styles/iui/components/_scrollbar.scss

@@ -1,18 +0,0 @@
-div {
-  &::-webkit-scrollbar {
-    width: 15px;
-    height: 15px;
-  }
-  &::-webkit-scrollbar-track {
-    background-color: var(--primary-o25);
-    border-radius: 100px;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: var(--primary);
-    border-radius: 100px;
-    box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
-    &:hover {
-      background-color: var(--primary-dark);
-    }
-  }
-}

package/src/styles/iui/components/_selectInput.scss

@@ -1,15 +0,0 @@
-.select-wrapper {
-  label {
-    z-index: 1;
-  }
-  fieldset:not(.shrink):not(.focus) label {
-    width: calc(100% - 70px);
-  }
-}
-
-.fake-input {
-  opacity: 0;
-  width: 100%;
-  height: 0;
-  position: absolute;
-}

package/src/styles/iui/components/_sidebar.scss

@@ -1,171 +0,0 @@
-$sidebar-width: 260px;
-
-.iui-sidebar {
-  background: var(--primary);
-  color: white;
-  border-top: 2px solid white;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  height: calc(100vh - $header-height);
-  box-shadow: 2px 0px 5px rgba(180, 177, 177, 0.5);
-  width: $sidebar-width;
-  z-index: 100;
-  box-sizing: border-box;
-  transition: width 0.3s $app-transition;
-  &.collapsed {
-    &:hover {
-      .active-menu {
-        background-color: unset;
-      }
-    }
-    &:not(:hover) {
-      .content-hidden {
-        display: none;
-      }
-      .sidebar-logo {
-        transform: scale(0.5);
-      }
-    }
-  }
-  svg {
-    color: white;
-  }
-
-  @media #{$bp-desktop} {
-    &.collapsed {
-      width: 55px;
-    }
-    &.sidebar-hover:hover {
-      width: $sidebar-width;
-    }
-  }
-  @media #{$bp-mt} {
-    &.collapsed {
-      width: 0px;
-    }
-  }
-}
-
-.iui-sidebar-content {
-  display: flex;
-  flex-direction: column;
-  padding-top: 12px;
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  overscroll-behavior: none;
-  &::-webkit-scrollbar {
-    width: 5px;
-  }
-  hr {
-    border-color: white;
-    opacity: 0.4;
-  }
-  .iui-sidebar-items {
-    flex: 1;
-    width: $sidebar-width;
-  }
-}
-
-.iui-sidebar-item,
-.iui-sidebar-sub-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 13px;
-  box-sizing: border-box;
-  white-space: nowrap;
-  user-select: none;
-  &.clickable:hover:not(:disabled):not(.disabled),
-  &.active {
-    background-color: var(--primary-dark);
-    // background-color: var(--primary-light);
-  }
-  &:hover .add-button {
-    display: unset;
-  }
-}
-.iui-sidebar-item {
-  font-weight: bold;
-  height: 45px;
-  padding: 8px 16px;
-}
-.iui-sidebar-sub-item {
-  padding: 0px 20px 0px 56px;
-  height: 32px;
-  &.primary {
-    font-weight: bold;
-  }
-  .add-button {
-    padding: 0;
-    display: none;
-    svg {
-      padding: 0 !important;
-      height: 24px;
-      width: 24px;
-    }
-    &:hover {
-      .fa-secondary {
-        opacity: 0.8;
-      }
-    }
-    .fa-secondary {
-      fill: var(--secondary-light);
-      opacity: 0.4;
-    }
-  }
-}
-
-.sidebar-icon {
-  margin-right: 15px;
-  height: 24px;
-  width: 24px;
-  color: var(--primary);
-}
-.sidebar-expand-icon {
-  height: 16px;
-  width: 16px;
-  opacity: 0.6;
-  transition: transform 0.2s;
-  &.rotate {
-    opacity: 0.9;
-    transform: rotate(180deg);
-  }
-}
-
-.sidebar-logo {
-  margin: 20px 0;
-  width: 70px;
-  transition: transform 0.3s ease-in-out;
-}
-
-.sidebar-colapse {
-  opacity: 0;
-  position: absolute;
-  box-sizing: border-box;
-  top: 40px;
-  right: -16px;
-  border-radius: 50%;
-  background-color: white;
-  height: 32px;
-  width: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: opacity 0.15s ease-in-out;
-  border: 1px solid var(--primary);
-  &:active {
-    transform: translateY(2px);
-  }
-  svg {
-    color: var(--primary);
-  }
-}
-
-.iui-sidebar:hover {
-  .sidebar-colapse {
-    opacity: 1;
-  }
-}

package/src/styles/iui/components/_smallComponents.scss

@@ -1,24 +0,0 @@
-hr {
-  margin: 8px 0;
-  border-width: 0px 0px thin;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.12);
-}
-
-.iui-colapse {
-  transition: max-height 200ms cubic-bezier(0.4, 0, 0.2, 1);
-  overflow: hidden;
-}
-
-.form-disabled {
-  pointer-events: none;
-  opacity: 0.6;
-}
-
-.Toastify__toast {
-  border-radius: 15px !important;
-  opacity: 0.95;
-  hr {
-    border-color: white;
-  }
-}