wagtail-enap-designsystem 1.2.1.139__tar.gz → 1.2.1.141__tar.gz

{wagtail_enap_designsystem-1.2.1.139/wagtail_enap_designsystem.egg-info → wagtail_enap_designsystem-1.2.1.141}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-enap-designsystem
-Version: 1.2.1.139
+Version: 1.2.1.141
 Summary: Módulo de componentes utilizado nos portais ENAP, desenvolvido com Wagtail + CodeRedCMS
 Author: Renan Campos
 Author-email: renan.oliveira@enap.gov.br

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/blocks/html_blocks.py

@@ -70,13 +70,15 @@ ENAP_GREEN_COLORS = [
     ('#F8F9FA', 'Cinza Claro (#F8F9FA)'),
     ('#E9ECEF', 'Cinza Médio (#E9ECEF)'),
     ('#525258', 'Cinza Escuro (#525258)'),
+    ('#AD6BFC', 'Roxo Gnova (#AD6BFC)'),
+    ('#B396FC', 'Roxo Claro Gnova (#B396FC)'),
+    ('#2F134F', 'Roxo Escuro LIIA (#2F134F)'),
 ]
 
 BACKGROUND_COLOR_CHOICES = [
     ('#FFFFFF', 'Branco (#FFFFFF)'),
     ('#F8F9FA', 'Cinza Claro (#F8F9FA)'),
     ('#000000', 'Preto (#000000)'),
-    ('#FFFFFF', 'Branco (#FFFFFF)'),
 ] + BRAND_COLOR_CHOICES
 
 
@@ -7622,6 +7624,20 @@ class SecaoApresentacaoCardsBlock(blocks.StructBlock):
     )
     
     # Título
+    cor_fundo = blocks.ChoiceBlock(
+        choices=BACKGROUND_COLOR_CHOICES,
+        required=False,
+        default='#6A1B9A',
+        help_text="Cor de fundo do componente"
+    )
+    
+    cor_fundo_cards = blocks.ChoiceBlock(
+        choices=BACKGROUND_COLOR_CHOICES,
+        required=False,
+        default='#6A1B9A',
+        help_text="Cor de fundo dos cards"
+    )
+    
     titulo = blocks.CharBlock(
         required=True,
         max_length=200,
@@ -7629,11 +7645,63 @@ class SecaoApresentacaoCardsBlock(blocks.StructBlock):
     )
     
     cor_titulo = blocks.ChoiceBlock(
-        choices=ENAP_GREEN_COLORS + [('#FFFFFF', 'Branco (#FFFFFF)')],
+        choices=ENAP_GREEN_COLORS,
         required=False,
         default='#FFFFFF',
         help_text="Cor do título"
     )
+    
+    cor_titulo_cards = blocks.ChoiceBlock(
+        choices=ENAP_GREEN_COLORS,
+        required=False,
+        default='#FFFFFF',
+        help_text="Cor do título dos cards"
+    )
+
+    cor_texto_cards = blocks.ChoiceBlock(
+        choices=ENAP_GREEN_COLORS,
+        required=False,
+        default='#FFFFFF',
+        help_text="Cor do texto dos cards"
+    )
+
+    link_url = blocks.URLBlock(
+        label="URL do Link",
+        required=False,
+        help_text="Link para página externa ou interna"
+    )
+    
+    link_text = blocks.CharBlock(
+        label="Texto do Link",
+        max_length=50,
+        required=False,
+        default="Saiba mais",
+        help_text="Texto que aparecerá no botão/link"
+    )
+    
+    cor_botao = blocks.ChoiceBlock(
+        choices=ENAP_GREEN_COLORS,
+        required=False,
+        default='#FFFFFF',
+        help_text="Cor do botão"
+    )
+
+    cor_botao_texto = blocks.ChoiceBlock(
+        choices=ENAP_GREEN_COLORS,
+        required=False,
+        default='#FFFFFF',
+        help_text="Cor do texto do botão"
+    )
+    
+    link_target = blocks.ChoiceBlock(
+        label="Abrir link em",
+        choices=[
+            ('_self', 'Mesma janela'),
+            ('_blank', 'Nova janela'),
+        ],
+        default='_self',
+        required=False
+    )
 
     # Layout dos cards
     layout_cards = blocks.ChoiceBlock(

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/models.py

@@ -2187,7 +2187,7 @@ class EnapSearchElastic(Page):
 	def serve(self, request, *args, **kwargs):
 		if "tipo" not in request.GET:
 			query = request.GET.get("q", "")
-			ordenacao = request.GET.get("ordenacao", "recentes")
+			ordenacao = request.GET.get("ordenacao", "relevantes")
 			return redirect(f"{request.path}?q={query}&tipo=todos&ordenacao={ordenacao}")
 
 		return super().serve(request, *args, **kwargs)
@@ -2363,7 +2363,7 @@ class EnapSearchElastic(Page):
 		verify_ssl = not settings.DEBUG
 		query = request.GET.get("q", "").strip()
 		tipo = request.GET.get("tipo", "").strip()
-		ordenacao = request.GET.get("ordenacao", "recentes")
+		ordenacao = request.GET.get("ordenacao", "relevantes")
 		page = int(request.GET.get("page", 1))
 		if tipo == "cursos":
 			rows_per_page = 12

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/static/enap_designsystem/blocks/semana.css

@@ -1003,6 +1003,7 @@
 /* Descrição mobile - escondida no desktop */
 .step-descricao-mobile {
     display: none;
+    white-space: pre-line;
 }
 
 /* Container das descrições - Desktop */
@@ -1028,6 +1029,7 @@
     text-align: center;
     max-width: 200px;
     color: #333;
+    white-space: pre-line;
 }
 
 /* ===== TABLET ===== */

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/templates/enap_designsystem/blocks/cards_titles.html

@@ -6,7 +6,7 @@
          {% if value.background_image_fundo_bg %}
          style="background-image: url('{{ value.background_image_fundo_bg.url }}'); background-size: cover; background-position: center; background-repeat: no-repeat;"
          {% else %}
-         style="background: linear-gradient(135deg, #6A1B9A 0%, #4A148C 50%, #2E1065 100%);"
+         style="background: {{ value.cor_fundo }};"
          {% endif %}>
         
         <!-- Overlay para garantir legibilidade -->
@@ -31,7 +31,7 @@
                     {% for card in value.cards %}
                         {% if card.block_type == 'card' %}
                         <div class="card-item">
-                            <div class="card-apresentacao">
+                            <div class="card-apresentacao" style="background: {{ value.cor_fundo_cards }}">
                                 
                                 <!-- Imagem do card -->
                                 {% if card.value.image %}
@@ -45,24 +45,24 @@
                                 
                                 <!-- Conteúdo do card -->
                                 <div class="card-conteudo">
-                                    
-                                    <!-- Título -->
-                                    {% if card.value.title %}
-                                    <h3 class="card-titulo">
-                                        {{ card.value.title }}
-                                    </h3>
-                                    {% endif %}
-                                    
+
                                     <!-- Subtítulo/Cargo -->
                                     {% if card.value.subtitle %}
-                                    <p class="card-subtitulo">
+                                    <p class="card-subtitulo" style="color: {{ value.cor_texto_cards }};">
                                         {{ card.value.subtitle }}
                                     </p>
                                     {% endif %}
+
+                                    <!-- Título -->
+                                    {% if card.value.title %}
+                                    <h3 class="card-titulo" style="color: {{ value.cor_titulo_cards }};">
+                                        {{ card.value.title }}
+                                    </h3>
+                                    {% endif %}
                                     
                                     <!-- Descrição -->
                                     {% if card.value.description %}
-                                    <div class="card-descricao">
+                                    <div class="card-descricao" style="color: {{ value.cor_texto_cards }};">
                                         {{ card.value.description|richtext }}
                                     </div>
                                     {% endif %}
@@ -71,7 +71,7 @@
                                     {% if card.value.link_url %}
                                     <div class="card-acao">
                                         <a href="{{ card.value.link_url }}" 
-                                           class="card-link"
+                                           class="card-link" style="color: {{ value.cor_titulo_cards }};"
                                            {% if card.value.link_target %}target="{{ card.value.link_target }}"{% endif %}>
                                             {{ card.value.link_text|default:'Saiba mais' }}
                                             <svg class="link-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -89,7 +89,16 @@
                     {% endfor %}
                 </div>
                 {% endif %}
-                
+
+                {% if value.link_url %}
+                <div class="card-acao" style="text-align: center;">
+                    <a href="{{ value.link_url }}" 
+                        class="card-link" style="color: {{ value.cor_botao_texto }}; background: {{ value.cor_botao }}; padding: 12px 42px; border-radius: 32px;"
+                        {% if value.link_target %}target="{{ value.link_target }}"{% endif %}>
+                        {{ value.link_text|default:'Saiba mais' }}
+                    </a>
+                </div>
+                {% endif %}
             </div>
         </div>
     </div>
@@ -105,31 +114,30 @@
     position: relative;
     width: 100%;
     min-height: 500px;
+    padding: 80px 0;
 }
 
 .secao-overlay {
-    position: absolute;
+    position: relative;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(106, 27, 154, 0.15);
     backdrop-filter: blur(0.5px);
     display: flex;
 }
 
 .card-item {
-    width: 300px;
+    width: 100%;
     flex: 0 0 268px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
-    height: 230px;
+    height: auto;
     background-color: rgba(106, 27, 154, 0.15);
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-    color: #1351b4;
     font-weight: 500;
     padding: 0px;
     text-decoration: none;
@@ -150,7 +158,8 @@
 .cards-container {
     display: grid;
     gap: 2rem;
-    max-width: 1200px;
+    max-width: 1142px;
+    width: 100%;
     margin: 0 auto;
 }
 
@@ -170,15 +179,14 @@
 }
 
 .cards-4-colunas {
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
 
 .cards-5-colunas {
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
 }
 
 .card-apresentacao {
-    background: rgba(0, 0, 0, 0.6);
     border-radius: 12px;
     overflow: hidden;
     transition: all 0.3s ease;
@@ -191,20 +199,19 @@
 
 .card-apresentacao:hover {
     transform: translateY(-8px);
-    background: rgba(0, 0, 0, 0.7);
     border-color: rgba(255, 255, 255, 0.2);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
 }
 
 .card-imagem {
     position: relative;
-    height: 200px;
+    height: auto;
     overflow: hidden;
 }
 
 .card-img {
     width: 100%;
-    height: 100%;
+    height: auto;
     object-fit: cover;
     transition: transform 0.3s ease;
 }
@@ -226,14 +233,12 @@
     font-weight: 600;
     margin-bottom: 0.5rem;
     line-height: 1.4;
-    color: #FFFFFF;
     text-align: left;
 }
 
 .card-subtitulo {
     font-size: 0.9rem;
     font-weight: 400;
-    color: rgba(255, 255, 255, 0.8);
     margin-bottom: 1rem;
     font-style: italic;
 }
@@ -243,7 +248,7 @@
     font-size: 0.95rem;
     line-height: 1.6;
     margin-bottom: 1rem;
-    color: rgba(255, 255, 255, 0.9);
+    text-align: left;
 }
 
 .card-descricao * {
@@ -261,13 +266,11 @@
     font-size: 0.95rem;
     font-weight: 500;
     text-decoration: none;
-    color: #FFFFFF;
     transition: all 0.3s ease;
 }
 
 .card-link:hover {
     transform: translateX(4px);
-    color: #FFFFFF;
 }
 
 .link-arrow {

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/templates/enap_designsystem/blocks/logos_simple_block.html

@@ -41,8 +41,8 @@
 }
 
 .logos-titulo {
-    font-size: 3.5rem;
-    font-weight: 700;
+    font-size: 48px;
+    font-weight: 500;
     margin-bottom: 0;
     line-height: 1.1;
     text-align: center;
@@ -90,37 +90,32 @@
     align-items: center;
     justify-items: center;
     width: 100%;
+    max-width: 100%;
 }
 
 /* Layouts do grid */
 .logos-grid-1 { 
     grid-template-columns: 1fr; 
-    max-width: 300px;
     margin: 0 auto;
 }
 .logos-grid-2 { 
-    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
-    max-width: 600px;
+    grid-template-columns: repeat(auto-fit, minmax(295px, 1fr)); 
     margin: 0 auto;
 }
 .logos-grid-3 { 
-    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 
-    max-width: 700px;
+    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); 
     margin: 0 auto;
 }
 .logos-grid-4 { 
-    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); 
-    max-width: 800px;
+    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); 
     margin: 0 auto;
 }
 .logos-grid-5 { 
-    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 
-    max-width: 900px;
+    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); 
     margin: 0 auto;
 }
 .logos-grid-6 { 
-    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); 
-    max-width: 1000px;
+    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); 
     margin: 0 auto;
 }
 
@@ -139,8 +134,7 @@
     max-width: 160px;
 }
 .logo-lg .logo-image { 
-    max-height: 90px; 
-    max-width: 200px;
+    max-width: 100%;
 }
 
 /* Estilo do card de logo */

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/templates/enap_designsystem/blocks/suap/apisuap_courses_block.html

@@ -58,7 +58,7 @@
                                 </div>
                                 <div class="suap-courses-carousel-content">
                                     <div class="suap-course-tag">
-                                        {% if curso.data_inicio_aula %}Evento{% else %}Curso{% endif %}
+                                        Curso
                                     </div>
                                     {% if curso.descricao %}
                                         <h3 class="suap-courses-title">{{ curso.descricao }}</h3>

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/templates/enap_designsystem/blocks/video_hero_banner.html

@@ -155,7 +155,7 @@
     right: 0;
     bottom: 0;
     display: flex;
-    align-items: flex-end;
+    align-items: center;
     padding: 2rem;
     background: linear-gradient(
         45deg, 

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/enap_designsystem/templates/enap_designsystem/pages/page_search.html

@@ -263,19 +263,19 @@
                             </div>
 
                             <!-- Botões de ação no final da sidebar -->
-<div style="margin-top: 20px; padding: 0 20px; display: flex; flex-direction: column; gap: 10px;">
-    <!-- Botão Aplicar -->
-    <button type="submit" class="filtro-aplicar" onclick="submitForm()">
-        <span class="material-icons">filter_alt</span>
-        Aplicar Filtros <span id="contador-filtros"></span>
-    </button>
-    
-    <!-- Botão Limpar -->
-    <button type="button" class="filtro-limpar" id="limpar-filtros" onclick="limparFiltros()" style="display: none;">
-        <span class="material-icons">filter_alt_off</span>
-        Limpar Filtros
-    </button>
-</div>
+                        <div style="margin-top: 20px; padding: 0 20px; display: flex; flex-direction: column; gap: 10px;">
+                            <!-- Botão Aplicar -->
+                            <button type="submit" class="filtro-aplicar" onclick="submitForm()">
+                                <span class="material-icons">filter_alt</span>
+                                Aplicar Filtros <span id="contador-filtros"></span>
+                            </button>
+                            
+                            <!-- Botão Limpar -->
+                            <button type="button" class="filtro-limpar" id="limpar-filtros" onclick="limparFiltros()" style="display: none;">
+                                <span class="material-icons">filter_alt_off</span>
+                                Limpar Filtros
+                            </button>
+                        </div>
                         </div>
 
                         <!-- Cards -->

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141}/setup.py

@@ -2,7 +2,7 @@ from setuptools import setup, find_packages
 
 setup(
     name='wagtail-enap-designsystem',
-    version='1.2.1.139',
+    version='1.2.1.141',
     description='Módulo de componentes utilizado nos portais ENAP, desenvolvido com Wagtail + CodeRedCMS',
     author='Renan Campos',
     author_email='renan.oliveira@enap.gov.br',

{wagtail_enap_designsystem-1.2.1.139 → wagtail_enap_designsystem-1.2.1.141/wagtail_enap_designsystem.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-enap-designsystem
-Version: 1.2.1.139
+Version: 1.2.1.141
 Summary: Módulo de componentes utilizado nos portais ENAP, desenvolvido com Wagtail + CodeRedCMS
 Author: Renan Campos
 Author-email: renan.oliveira@enap.gov.br