keevo-components 1.8.542 → 1.8.544

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

@@ -201,3 +201,148 @@
     background-color: rgba(var(--kv-tertiary-color), 0.2);
   }
 }
+
+
+// =======================================================================
+// ==================== NOVO CSS DO BOTÃO ================================
+// ======== AGUARDAR PUBLICAÇÃO DO REINF PARA LIBERAÇÃO ==================
+// =======================================================================
+
+// @import "../keevo-components-styles.scss";
+
+// ::ng-deep .kv-button .p-button-loading-icon svg {
+//   width: 100%;
+//   height: 100%;
+//   display: block;
+// }
+
+// ::ng-deep .kv-button .p-button-loading-icon svg g {
+//   transform: translate(0, 0);
+// }
+
+// ::ng-deep .kv-button {
+//   border: none;
+//   // padding: 0.4rem;
+//   display: flex;
+//   flex-direction: row;
+//   align-items: center;
+//   justify-content: center;
+//   gap: 0.125rem;
+
+//   .kv-button-label {
+//     font-weight: 500;
+//   }
+
+//   :focus {
+//     outline: none;
+//     box-shadow: none;
+//   }
+// }
+
+// ::ng-deep .small {
+//   height: 1.625rem;
+//   min-width: 1.625rem;
+
+//   .kv-button-label {
+//     font-size: 0.625rem;
+//   }
+
+//   .kv-button-icon {
+//     font-size: 0.75rem;
+//   }
+
+//   .p-button-loading-icon {
+//     width: 0.55rem;
+//     height: 0.55rem;
+//   }
+// }
+
+// ::ng-deep .normal {
+//   height: 1.875rem;
+//   min-width: 1.875rem;
+
+//   .kv-button-label {
+//     font-size: 0.825rem;
+//   }
+
+//   .kv-button-icon {
+//     font-size: 1rem;
+//   }
+
+//   .p-button-loading-icon {
+//     width: 0.75rem;
+//     height: 0.75rem;
+//   }
+// }
+
+// ::ng-deep .large {
+//   height: 2.125rem;
+//   min-width: 2.125rem;
+
+//   .kv-button-label {
+//     font-size: 1rem;
+//   }
+
+//   .kv-button-icon {
+//     font-size: 1.25rem;
+//   }
+
+//   .p-button-loading-icon {
+//     width: 0.875rem;
+//     height: 0.875rem;
+//   }
+// }
+
+// //Primary button
+// ::ng-deep .primary {
+//   background-color: rgb(var(--kv-color-system));
+//   &:hover {
+//     background-color: rgba(var(--kv-color-system), 0.8);
+//   }
+
+//   &:active {
+//     background-color: rgba(var(--kv-color-system), 0.95);
+//   }
+// }
+
+// ::ng-deep .secondary {
+//   border: solid 0.5px rgb(var(--kv-color-system));
+//   background-color: white;
+//   color: rgb(var(--kv-color-system));
+
+//   &:hover {
+//     background-color: rgb(var(--kv-color-system),0.1);
+//   }
+
+//   &:active {
+//     background-color: rgba(var(--kv-color-system), 0.8);
+//   }
+// }
+
+// ::ng-deep .tertiary {
+//   opacity: 0.9;
+//   background-color: transparent;
+//   color: rgb(var(--kv-color-system));
+
+//   &:hover {
+//     background-color: rgba(var(--kv-color-system), 0.1);
+//   }
+
+//   &:active {
+//     background-color: rgba(var(--kv-color-system), 0.2);
+//   }
+// }
+
+// ::ng-deep .callToAction {
+//   opacity: 0.9;
+//   background-color: transparent;
+//   color: rgb(var(--kv-color-system));
+
+//   &:hover {
+//     background-color: rgba(var(--kv-color-system), 0.1);
+//   }
+
+//   &:active {
+//     background-color: rgba(var(--kv-color-system), 0.2);
+//   }
+// }

package/src/lib/components/kv-inputs/kv-dropdown/kv-dropdown.component.scss

@@ -0,0 +1,56 @@
+::ng-deep .p-dropdown .p-dropdown-label {
+  display: flex;
+  align-items: center;
+}
+
+::ng-deep .p-dropdown {
+  width: 100%;
+}
+
+::ng-deep .p-dropdown-item {
+  font-size: 0.875rem;
+  padding: 0.5rem;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+::ng-deep .p-dropdown-filter {
+  height: 1.875rem;
+}
+
+::ng-deep .p-dropdown-panel .p-dropdown-header {
+  padding: 0.75rem 0.75rem;
+}
+
+::ng-deep .p-dropdown-panel .p-dropdown-items {
+  padding: 0.75rem 0.75rem;
+}
+
+::ng-deep p-dropdown p-overlay .p-overlay {
+  max-width: 100%;
+}
+
+::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.75rem 0.75rem;
+  font-size: 0.875rem;
+}
+
+::ng-deep .p-inputtext {
+  font-size: 0.875rem;
+}
+
+::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+  padding: 0;
+}
+
+::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-item:has(.disable) {
+  background-color: #f0f0f0;
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: auto;
+}
+
+ /* Bloqueia o clique */
+::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-item:has(.disable):active {
+  pointer-events: none;
+}