keevo-components 1.8.454 → 1.8.455

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keevo-components",
-  "version": "1.8.454",
+  "version": "1.8.455",
   "peerDependencies": {
     "@angular/common": "^17.3.8",
     "@angular/core": "^17.3.8",
@@ -36,4 +36,4 @@
       "default": "./fesm2022/keevo-components.mjs"
     }
   }
-}
+}

package/src/lib/components/keevo-components-styles.scss

@@ -1,184 +1,184 @@
-// Importar a fonte Inter var primeiro
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-
-$font-family-keevo: "Inter var", "Inter", sans-serif;
-
-// Importar outras fontes
-@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
-
-::ng-deep :root {
-  --kv-primary-color: 41, 185, 45;
-  --kv-secondary-color: 0, 37, 66;
-  --kv-tertiary-color: 165, 165, 165;
-}
-
-.material-symbols-outlined {
-  font-family: "Material Symbols Outlined" !important;
-}
-
-// Definir a font-family globalmente
-* {
-  font-family: $font-family-keevo !important;
-}
-
-// Sobrescrever estilos específicos de componentes do PrimeNG
-::ng-deep {
-  // Componentes que possuem texto
-  .p-accordion,
-  .p-accordion-header,
-  .p-accordion-content,
-  .p-badge,
-  .p-overlay-badge,
-  .p-breadcrumb,
-  .p-breadcrumb-item,
-  .p-breadcrumb-link,
-  .p-button,
-  .p-calendar,
-  .p-card,
-  .p-card-title,
-  .p-card-subtitle,
-  .p-card-content,
-  .p-checkbox,
-  .p-chip,
-  .p-confirm-dialog,
-  .p-confirm-dialog-message,
-  .p-contextmenu,
-  .p-contextmenu-item,
-  .p-dataview,
-  .p-dataview-content,
-  .p-dialog,
-  .p-dialog-title,
-  .p-dialog-content,
-  .p-dropdown,
-  .p-dropdown-label,
-  .p-dropdown-item,
-  .p-dynamic-dialog,
-  .p-dynamic-dialog-title,
-  .p-dynamic-dialog-content,
-  .p-editor,
-  .p-fieldset,
-  .p-fieldset-legend,
-  .p-fieldset-content,
-  .p-fileupload,
-  .p-inputmask,
-  .p-inputnumber,
-  .p-inputtextarea,
-  .p-inputtext,
-  .p-menu,
-  .p-menuitem,
-  .p-menuitem-text,
-  .p-message,
-  .p-messages,
-  .p-multiselect,
-  .p-multiselect-label,
-  .p-multiselect-item,
-  .p-panelmenu,
-  .p-panelmenu-header,
-  .p-panelmenu-content,
-  .p-panel,
-  .p-panel-header,
-  .p-panel-content,
-  .p-password,
-  .p-picklist,
-  .p-progressbar,
-  .p-radiobutton,
-  .p-rating,
-  .p-sidebar,
-  .p-splitbutton,
-  .p-steps,
-  .p-step,
-  .p-table,
-  .p-datatable,
-  .p-tabview,
-  .p-tabpanel,
-  .p-tag,
-  .p-toast,
-  .p-toolbar,
-  .p-tooltip,
-  .p-tree,
-  .p-treetable,
-  .p-selectbutton,
-  .p-stepper,
-  .p-inputgroup,
-  .p-inputgroup-addon,
-  .p-text {
-    font-family: $font-family-keevo !important;
-  }
-}
-
-:host ::ng-deep .inputs {
-  height: 1.875rem;
-}
-
-:host ::ng-deep .inputs,
-.p-inputtext,
-.p-inputtextarea {
-  font-size: 0.875rem;
-}
-
-::ng-deep .p-dialog .p-dialog-header {
-  color: white !important;
-  background: #002542 !important;
-  display: flex !important;
-  flex-wrap: wrap;
-  word-wrap: break-word;
-}
-
-::ng-deep .p-dialog .p-dialog-content {
-  padding-top: 1rem;
-}
-
-::ng-deep .p-dialog {
-  min-width: 320px;
-}
-
-::ng-deep .p-dialog-content {
-  &::-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);
-  }
-
-  overflow-x: hidden;
-}
-
-::ng-deep .p-dialog-footer {
-  display: flex;
-  justify-content: flex-end;
-  padding: 10px;
-  gap: 10px;
-}
-
-::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon {
-  display: none;
-}
-
-// element.style {
-//   font-size: 0.75rem;
-//   width: 100%;
-//   margin-left: 2px;
-//   /* overflow: hidden; */
-//   word-wrap: break-word;
-// }
-
-::ng-deep .p-tooltip {
-  font-size: 0.825rem !important;
+// Importar a fonte Inter var primeiro
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+
+$font-family-keevo: "Inter var", "Inter", sans-serif;
+
+// Importar outras fontes
+@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
+
+::ng-deep :root {
+  --kv-primary-color: 41, 185, 45;
+  --kv-secondary-color: 0, 37, 66;
+  --kv-tertiary-color: 165, 165, 165;
+}
+
+.material-symbols-outlined {
+  font-family: "Material Symbols Outlined" !important;
+}
+
+// Definir a font-family globalmente
+* {
+  font-family: $font-family-keevo !important;
+}
+
+// Sobrescrever estilos específicos de componentes do PrimeNG
+::ng-deep {
+  // Componentes que possuem texto
+  .p-accordion,
+  .p-accordion-header,
+  .p-accordion-content,
+  .p-badge,
+  .p-overlay-badge,
+  .p-breadcrumb,
+  .p-breadcrumb-item,
+  .p-breadcrumb-link,
+  .p-button,
+  .p-calendar,
+  .p-card,
+  .p-card-title,
+  .p-card-subtitle,
+  .p-card-content,
+  .p-checkbox,
+  .p-chip,
+  .p-confirm-dialog,
+  .p-confirm-dialog-message,
+  .p-contextmenu,
+  .p-contextmenu-item,
+  .p-dataview,
+  .p-dataview-content,
+  .p-dialog,
+  .p-dialog-title,
+  .p-dialog-content,
+  .p-dropdown,
+  .p-dropdown-label,
+  .p-dropdown-item,
+  .p-dynamic-dialog,
+  .p-dynamic-dialog-title,
+  .p-dynamic-dialog-content,
+  .p-editor,
+  .p-fieldset,
+  .p-fieldset-legend,
+  .p-fieldset-content,
+  .p-fileupload,
+  .p-inputmask,
+  .p-inputnumber,
+  .p-inputtextarea,
+  .p-inputtext,
+  .p-menu,
+  .p-menuitem,
+  .p-menuitem-text,
+  .p-message,
+  .p-messages,
+  .p-multiselect,
+  .p-multiselect-label,
+  .p-multiselect-item,
+  .p-panelmenu,
+  .p-panelmenu-header,
+  .p-panelmenu-content,
+  .p-panel,
+  .p-panel-header,
+  .p-panel-content,
+  .p-password,
+  .p-picklist,
+  .p-progressbar,
+  .p-radiobutton,
+  .p-rating,
+  .p-sidebar,
+  .p-splitbutton,
+  .p-steps,
+  .p-step,
+  .p-table,
+  .p-datatable,
+  .p-tabview,
+  .p-tabpanel,
+  .p-tag,
+  .p-toast,
+  .p-toolbar,
+  .p-tooltip,
+  .p-tree,
+  .p-treetable,
+  .p-selectbutton,
+  .p-stepper,
+  .p-inputgroup,
+  .p-inputgroup-addon,
+  .p-text {
+    font-family: $font-family-keevo !important;
+  }
+}
+
+:host ::ng-deep .inputs {
+  height: 1.875rem;
+}
+
+:host ::ng-deep .inputs,
+.p-inputtext,
+.p-inputtextarea {
+  font-size: 0.875rem;
+}
+
+::ng-deep .p-dialog .p-dialog-header {
+  color: white !important;
+  background: #002542 !important;
+  display: flex !important;
+  flex-wrap: wrap;
+  word-wrap: break-word;
+}
+
+::ng-deep .p-dialog .p-dialog-content {
+  padding-top: 1rem;
+}
+
+::ng-deep .p-dialog {
+  min-width: 320px;
+}
+
+::ng-deep .p-dialog-content {
+  &::-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);
+  }
+
+  overflow-x: hidden;
+}
+
+::ng-deep .p-dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  padding: 10px;
+  gap: 10px;
+}
+
+::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon {
+  display: none;
+}
+
+// element.style {
+//   font-size: 0.75rem;
+//   width: 100%;
+//   margin-left: 2px;
+//   /* overflow: hidden; */
+//   word-wrap: break-word;
+// }
+
+::ng-deep .p-tooltip {
+  font-size: 0.825rem !important;
 }