keevo-components 1.8.529 → 1.8.530

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);
+//   }
+// }