keevo-components 2.0.107 → 2.0.108

package/src/lib/components/kv-layout/layout/kv-layout.component.scss

@@ -1,267 +0,0 @@
-@import "../../keevo-components-styles.scss";
-
-.material-symbols-outlined{
-  font-size: 1.3rem;
-}
-
-::ng-deep body {
-  // display: initial;
-  margin: 0px !important;
-}
-
-.full-container{
-  // background: rgb(var(--kv-background-system), 1);
-  background: linear-gradient(to bottom, #F0F2FF, #FAF9FF);
-  width: 100vw;
-  height: 100vh;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  padding: 1rem;
-}
-
-
-::ng-deep p-sidebar .p-sidebar {
-  position: relative !important;
-  background: rgb(var(--kv-background-card), 1);
-  box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid rgb(var(--kv-color-system), .1);
-  // margin-left: .5rem;
-  // margin-top: .5rem;
-  border-radius: .5rem;
-  // height: calc(100vh - 1rem);
-  z-index: 1100 !important;
-}
-
-.page-content {
-  background: none;
-}
-
-.use-card{
-  background-color: rgb(var(--kv-background-card), 1);
-  box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid rgb(var(--kv-color-system), .1);
-  border-radius: .5rem;
-}
-::ng-deep .card-container {
-  // margin: 0rem 0.5rem;
-  background-color: rgb(var(--kv-background-system), 1);
-  
-  
-  .p-card-body{
-    padding: 0.5rem 0.5rem 0;
-    margin: 0;
-    height: 100%;
-    // background-color: blueviolet;
-  }
-
-  .p-card-content {
-    margin: 0;
-    padding: 0;
-    height: 100%;
-  }
-
-  &::-webkit-scrollbar {
-    width: 6px;
-
-    &:hover {
-      background-color: rgba(222, 222, 222, 0.75);
-    }
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: transparent;
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    border-left: 2px solid white;
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-
-  &::-webkit-scrollbar-track {
-    border-left: 2px solid white;
-    background-color: rgba(222, 222, 222, 0.75);
-  }
-
-  overflow-x: hidden;
-}
-
-
-
-.side-menu-item {
-  transition: all .2s ease-in-out;
-  cursor: pointer;
-  border-radius: .5rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
-
-  &:hover {
-    background-color: rgb(var(--kv-color-system), .25);
-    // background-color:  rgba(10, 58, 120, 0.25);
-    color: rgb(var(--kv-color-system), 1);
-    // color: #0A3A78;
-  }
-
-  label{
-    width: 100%;
-    cursor: pointer;
-  }
-}
-
-.side-menu-item-system{
-  transition: all .2s ease-in-out;
-  cursor: pointer;
-  border-radius: .5rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
-
-  &:hover {
-    background-color: rgb(var(--kv-color-system), .08);
-    // background-color:  rgba(10, 58, 120, 0.25);
-    color: rgb(var(--kv-color-system), 1);
-    // color: #0A3A78;
-  }
-
-  label{
-    width: 100%;
-    cursor: pointer;
-  }
-}
-
-::ng-deep .p-divider{
-  margin: 0;
-  padding: 0;
-  margin-top: .5rem;
-  margin-bottom: .5rem;
-}
-
-::ng-deep .p-overlaypanel-content{
-  padding: 0;
-}
-
-.menu-parent{
-  // position: relative;
-  display: inline-block;
-  width: 100%;
-}
-
-.menu-childs{
-  position: absolute;
-  left: -500px;
-  min-width: 17rem;
-  max-width: 50rem;
-  // width: auto;
-  overflow: hidden;
-  padding: .5rem;
-  background: rgb(var(--kv-background-card), 1);
-  border: 1px solid rgb(var(--kv-color-system), .1);
-  border-radius: .5rem;
-  z-index: 9999;
-  box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, 0.1);
-  gap: 0;
-  p{
-    color: rgb(var(--kv-color-system), 1) !important;
-    opacity: .7;
-  }
-
-  .menu-childs-content{
-    max-height: 25rem;
-    overflow: auto;
-    &::-webkit-scrollbar {
-      width: 8px;
-  
-      &:hover {
-        background-color: rgba(222, 222, 222, 0.75);
-      }
-    }
-  
-    &::-webkit-scrollbar-thumb {
-      border-radius: 4px;
-      background-color: transparent;
-    }
-  
-    &:hover::-webkit-scrollbar-thumb {
-      border-left: 2px solid white;
-      background-color: rgba(0, 0, 0, 0.5);
-    }
-  
-    &::-webkit-scrollbar-track {
-      border-left: 2px solid white;
-      background-color: rgba(222, 222, 222, 0.75);
-    }
-  }
-}
-
-::ng-deep .p-breadcrumb .p-breadcrumb-list span{
-  color: rgba(var(--kv-color-text), .75) !important;
-  font-size: .75rem;
-  // font-weight: 500;
-}
-
-
-::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  color: rgba(var(--kv-color-text), .7) !important;
-  margin: 0;
-  margin-left: .1rem;
-  margin-right: .1rem;
-  svg{
-    height: .5rem;
-  }
-}
-
-
-.troca-empresa-container{
-  font-size: .75rem;
-  opacity: .8;
-  border: 1px solid #c1cfe1;
-  color: #0A3A78;
-  background-color: rgb(var(--kv-color-system), .05);
-  transition: all .2s ease-in-out;
-  border-radius: .5rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
-}
-
-.selectable-troca-empresa:hover {
-  opacity: 1;
-  border: 1px solid rgb(var(--kv-color-system), 1);
-  cursor: pointer;
-  background-color: rgb(var(--kv-color-system), .25);
-  color: rgb(var(--kv-color-system), 1);
-}
-
-.troca-sistema-container {
-  // border: 1px solid #c1cfe1;
-}
-
-.menus-container{
-  label{
-    font-size: .875rem;
-  }
-}
-
-// ===============================
-
-.meus-sistemas {
-  background-color: rgb(var(--kv-color-system), .05);
-}
-
-.button-icon {
-  color: rgb(var(--kv-color-system), .75);
-
-  &:hover {
-    color: rgb(var(--kv-color-system), .90);
-    cursor: pointer;
-  }
-
-  &:active {
-    color: rgb(var(--kv-color-system), 1);
-  }
-}
-
-.trilha-icon {
-  width: 3.5rem;
-  height: 3.5rem;
-  background-color: rgb(var(--kv-color-system), 0.2);
-  color: rgb(var(--kv-color-system), 1);;
-}

package/src/lib/components/kv-layout/layout/kv-layout.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { KvLayoutComponent } from './kv-layout.component';
-
-describe('MenuComponent', () => {
-  let component: KvLayoutComponent;
-  let fixture: ComponentFixture<KvLayoutComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ KvLayoutComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(KvLayoutComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});