@ngx-smz/core 21.8.0 → 21.9.0-next.3

package/resources/assets/scss/dialogs/dialog-ng19.scss

@@ -1,137 +0,0 @@
-:root {
-  --p-dialog-background: var(--p-overlay-modal-background);
-  --p-dialog-border-color: var(--p-overlay-modal-border-color);
-  --p-dialog-color: var(--p-overlay-modal-color);
-  --p-dialog-border-radius: var(--p-overlay-modal-border-radius);
-  --p-dialog-shadow: var(--p-overlay-modal-shadow);
-  --p-dialog-header-padding: var(--p-overlay-modal-padding);
-  --p-dialog-header-gap: 0.5rem;
-  --p-dialog-title-font-size: 1.25rem;
-  --p-dialog-title-font-weight: 600;
-  --p-dialog-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
-  --p-dialog-footer-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
-  --p-dialog-footer-gap: 0.5rem;
-}
-
-@layer primeng {
-  /* Elemento de máscara do diálogo */
-  .p-dialog-mask {
-    background-color: var(--p-mask-background);
-    transition-duration: 0.2s;
-  }
-
-  /* Elemento raiz do diálogo */
-  .p-dialog {
-    background: var(--p-dialog-background);
-    color: var(--p-dialog-color);
-    border: 0 none;
-    border-radius: var(--p-dialog-border-radius);
-    box-shadow: var(--p-dialog-shadow);
-  }
-
-  /* Cabeçalho do diálogo */
-  .p-dialog-header {
-    background: var(--p-dialog-background);
-    color: var(--p-dialog-color);
-    padding: var(--p-dialog-header-padding);
-    border-bottom: 0 none;
-    border-top-right-radius: var(--p-dialog-border-radius);
-    border-top-left-radius: var(--p-dialog-border-radius);
-    display: flex;
-    align-items: center;
-    gap: var(--p-dialog-header-gap);
-  }
-
-  /* Título do diálogo */
-  .p-dialog-title {
-    font-size: var(--p-dialog-title-font-size);
-    font-weight: var(--p-dialog-title-font-weight);
-  }
-
-  /* Ações no header (ex.: botões de fechar ou maximizar) */
-  .p-dialog-header-actions {
-    display: flex;
-    gap: var(--p-dialog-header-gap);
-    margin-left: auto;
-  }
-
-  /* Botões de maximizar e fechar */
-  .p-dialog-maximize-button,
-  .p-dialog-close-button {
-    width: 2rem;
-    height: 2rem;
-    color: var(--p-dialog-header-icon);
-    background: transparent;
-    border: 0 none;
-    border-radius: 50%;
-    transition: none;
-  }
-
-  .p-dialog-maximize-button:enabled:hover,
-  .p-dialog-close-button:enabled:hover {
-    color: var(--p-dialog-header-icon-hover);
-    background: var(--p-dialog-header-icon-bg-hover);
-  }
-
-  .p-dialog-maximize-button:focus-visible,
-  .p-dialog-close-button:focus-visible {
-    outline: none;
-    box-shadow: 0 0 0 1px var(--p-dialog-focus-ring);
-  }
-
-  /* Conteúdo do diálogo */
-  .p-dialog-content {
-    background: var(--p-dialog-background);
-    color: var(--p-dialog-color);
-    padding: var(--p-dialog-content-padding);
-  }
-
-  /* Footer do diálogo */
-  .p-dialog-footer {
-    background: var(--p-dialog-background);
-    color: var(--p-dialog-color);
-    padding: var(--p-dialog-footer-padding);
-    border-top: 0 none;
-    border-bottom-right-radius: var(--p-dialog-border-radius);
-    border-bottom-left-radius: var(--p-dialog-border-radius);
-    display: flex;
-    gap: var(--p-dialog-footer-gap);
-    justify-content: flex-end;
-  }
-
-  /* Botões dentro do footer */
-  .p-dialog-footer button {
-    width: auto;
-  }
-
-  .p-dialog-footer .p-toolbar {
-    border: 0 !important;
-  }
-
-  /* Animações para o overlay da máscara */
-  @keyframes p-dialog-mask-enter {
-    from {
-      background-color: transparent;
-    }
-    to {
-      background-color: var(--p-dialog-mask-background);
-    }
-  }
-
-  @keyframes p-dialog-mask-leave {
-    from {
-      background-color: var(--p-dialog-mask-background);
-    }
-    to {
-      background-color: transparent;
-    }
-  }
-
-  .p-dialog-mask-enter {
-    animation: p-dialog-mask-enter 150ms forwards;
-  }
-
-  .p-dialog-mask-leave {
-    animation: p-dialog-mask-leave 150ms forwards;
-  }
-}

package/resources/assets/scss/dialogs/menu-ng19.scss

@@ -1,138 +0,0 @@
-:root {
-  --p-menu-background: var(--p-content-background);
-  --p-menu-border-color: var(--p-content-border-color);
-  --p-menu-color: var(--p-content-color);
-  --p-menu-border-radius: var(--p-content-border-radius);
-  --p-menu-shadow: var(--p-overlay-navigation-shadow);
-  --p-menu-transition-duration: var(--p-transition-duration);
-  --p-menu-list-padding: var(--p-navigation-list-padding);
-  --p-menu-list-gap: var(--p-navigation-list-gap);
-  --p-menu-item-focus-background: var(--p-navigation-item-focus-background);
-  --p-menu-item-color: var(--p-navigation-item-color);
-  --p-menu-item-focus-color: var(--p-navigation-item-focus-color);
-  --p-menu-item-padding: var(--p-navigation-item-padding);
-  --p-menu-item-border-radius: var(--p-navigation-item-border-radius);
-  --p-menu-item-gap: var(--p-navigation-item-gap);
-  --p-menu-item-icon-color: var(--p-navigation-item-icon-color);
-  --p-menu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
-  --p-menu-submenu-label-padding: var(--p-navigation-submenu-label-padding);
-  --p-menu-submenu-label-font-weight: var(--p-navigation-submenu-label-font-weight);
-  --p-menu-submenu-label-background: var(--p-navigation-submenu-label-background);
-  --p-menu-submenu-label-color: var(--p-navigation-submenu-label-color);
-  --p-menu-separator-border-color: var(--p-content-border-color);
-}
-
-.p-menu {
-  padding: var(--p-menu-list-padding);
-  background: var(--p-menu-background);
-  color: var(--p-menu-color);
-  border: 1px solid var(--p-menu-border-color);
-  border-radius: var(--p-menu-border-radius);
-  width: 12.5rem;
-}
-
-.p-menu .p-menuitem > .p-menuitem-content {
-  color: var(--p-menu-color);
-  transition: none;
-  border-radius: var(--p-menu-item-border-radius);
-}
-
-.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-  color: var(--p-menu-color);
-  padding: var(--p-menu-item-padding);
-  user-select: none;
-}
-
-.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-label {
-  color: var(--p-menu-color);
-}
-
-.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-  color: var(--p-menu-item-icon-color);
-  margin-right: var(--p-menu-item-gap);
-}
-
-.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-  color: var(--p-menu-item-icon-color);
-}
-
-.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
-  color: var(--p-menu-color);
-  background: var(--p-menu-item-focus-background);
-}
-
-.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-label {
-  color: var(--p-menu-color);
-}
-
-.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
-.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-  color: var(--p-menu-item-icon-focus-color);
-}
-
-.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-  background: var(--p-menu-item-focus-background);
-}
-
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-  color: var(--p-menu-item-focus-color);
-  background: var(--p-menu-border-color);
-}
-
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-label {
-  color: var(--p-menu-item-focus-color);
-}
-
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-  color: var(--p-menu-item-icon-focus-color);
-}
-
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-  color: var(--p-menu-item-focus-color);
-  background: var(--p-menu-item-focus-background);
-}
-
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-label {
-  color: var(--p-menu-item-focus-color);
-}
-
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
-.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-  color: var(--p-menu-item-icon-color);
-}
-
-.p-menu.p-menu-overlay {
-  background: var(--p-menu-background);
-  border: 0 none;
-  box-shadow: var(--p-menu-shadow);
-}
-
-.p-menu .p-submenu-header {
-  margin: 0;
-  padding: var(--p-menu-submenu-label-padding);
-  color: var(--p-menu-submenu-label-color);
-  background: var(--p-menu-submenu-label-background);
-  font-weight: var(--p-menu-submenu-label-font-weight);
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-}
-
-.p-menu .p-menuitem-separator {
-  border-top: 1px solid var(--p-menu-separator-border-color);
-  margin: 0.25rem 0;
-}
-
-/* Caso haja elementos adicionais, como badges, mantenha ou adapte os estilos conforme necessário */
-.p-menu .p-menuitem-badge {
-  background: #4f46e5;
-  color: #ffffff;
-  font-size: 0.75rem;
-  font-weight: 700;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  border-radius: 0.375rem;
-  margin-left: 0.5rem;
-  padding: 0 0.5rem;
-}