From dbdee2b10e1700e4dca34456e1ee8e459985a76a Mon Sep 17 00:00:00 2001
From: 22Alexandra <beldean.ale@gmail.com>
Date: Fri, 9 Feb 2024 09:46:03 +0200
Subject: [PATCH] EWPP-3913: Update ecl classes.

---
 .../content-language-switcher.html.twig                   | 4 ++--
 .../navigation-list.html.twig                             | 8 ++++----
 .../ec-component-navigation/local-tasks.html.twig         | 4 ++--
 .../pattern-active-search-filters.html.twig               | 2 +-
 .../ui_patterns_library/patterns-overview-page.html.twig  | 2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/templates/compositions/ec-component-content-language-switcher/content-language-switcher.html.twig b/templates/compositions/ec-component-content-language-switcher/content-language-switcher.html.twig
index 18d15f6b9..aa55606ef 100644
--- a/templates/compositions/ec-component-content-language-switcher/content-language-switcher.html.twig
+++ b/templates/compositions/ec-component-content-language-switcher/content-language-switcher.html.twig
@@ -15,7 +15,7 @@
         ...
       ]
 #}
-  <div class="ecl-lang-select-page ecl-u-bg-grey-5 ecl-u-pv-m">
+  <div class="ecl-lang-select-page {{ ecl_class_background_color() }} ecl-u-pv-m">
     <div class="ecl-container">
       {% include '@ecl-twig/notification' with {
         title: 'English is available via machine translation – please use the link below.'|t,
@@ -71,7 +71,7 @@
       {% block language_list %}
         {% if languages %}
         <div id="{{ expandable_id ~ '-content' }}" class="ecl-expandable__content" hidden>
-          <ul style="grid-auto-flow: column; grid-template-rows: repeat(4, 1fr)" class="ecl-u-d-block ecl-u-d-m-grid ecl-unordered-list ecl-unordered-list--no-bullet ecl-u-mt-xs ecl-u-type-m">
+          <ul style="grid-auto-flow: column; grid-template-rows: repeat(4, 1fr)" class="ecl-u-d-block ecl-u-d-m-grid ecl-unordered-list ecl-unordered-list--no-marker ecl-u-mt-xs ecl-u-type-m">
             {% for language in languages %}
               <li class="ecl-unordered-list__item ecl-u-ma-2xs">
                 {% set link_classes = language.current ? 'ecl-u-bg-blue-50 ecl-u-type-color-white ecl-u-type-bold' : '' %}
diff --git a/templates/compositions/ec-component-navigation-list/navigation-list.html.twig b/templates/compositions/ec-component-navigation-list/navigation-list.html.twig
index db26f22c2..d9989e3d9 100644
--- a/templates/compositions/ec-component-navigation-list/navigation-list.html.twig
+++ b/templates/compositions/ec-component-navigation-list/navigation-list.html.twig
@@ -33,12 +33,12 @@
     {% endif %}
   </h2>
   {% if description is not empty %}
-    <p class="ecl-u-mb-none ecl-u-mt-m ecl-u-type-color-grey ecl-u-type-paragraph">
+    <p class="ecl-u-mb-none ecl-u-mt-m ecl-u-type-color-dark ecl-u-type-paragraph">
       {{ description }}
     </p>
   {% endif %}
   {% if links is not empty %}
-    <ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-bullet">
+    <ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-marker">
       {% for link in links %}
         <li class="ecl-unordered-list__item">
           {% if link.link.path %}
@@ -55,8 +55,8 @@
     </ul>
   {% endif %}
   {% if secondary_links is not empty %}
-    <div class="ecl-u-mt-m ecl-u-border-top ecl-u-border-color-grey-50">
-      <ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-bullet">
+    <div class="ecl-u-mt-m ecl-u-border-top ecl-u-border-color-dark-60">
+      <ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-marker">
         {% for link in secondary_links %}
           <li class="ecl-unordered-list__item">
             {% if link.link.path %}
diff --git a/templates/compositions/ec-component-navigation/local-tasks.html.twig b/templates/compositions/ec-component-navigation/local-tasks.html.twig
index acabf7dc8..5ed221526 100644
--- a/templates/compositions/ec-component-navigation/local-tasks.html.twig
+++ b/templates/compositions/ec-component-navigation/local-tasks.html.twig
@@ -46,9 +46,9 @@
 {% if _links is not empty %}
   <nav class="{{ _css_class }}"{{ _extra_attributes|raw }}>
     <h2 hidden>{{ _title }}</h2>
-    <ul class="ecl-navigation ecl-unordered-list--no-bullet ecl-u-border-bottom ecl-u-border-color-grey-25{{ _list_class }}">
+    <ul class="ecl-navigation ecl-unordered-list--no-marker ecl-u-border-bottom {{ ecl_class_border_color() }}{{ _list_class }}">
       {% for _link in _links %}
-        {% set _active_class = _link.is_active == true ? ' ecl-navigation__item--active ecl-u-border-bottom ecl-u-border-color-blue' : '' %}
+        {% set _active_class = _link.is_active == true ? ' ecl-navigation__item--active ecl-u-border-bottom ecl-u-border-color-primary' : '' %}
         <li class="ecl-navigation__item ecl-unordered-list__item ecl-u-d-inline{{ _list_item_class }}{{ _active_class }}">
           {% include '@ecl-twig/link' with _link only %}
         </li>
diff --git a/templates/patterns/active_search_filters/pattern-active-search-filters.html.twig b/templates/patterns/active_search_filters/pattern-active-search-filters.html.twig
index 9c1173a91..7c595e69d 100644
--- a/templates/patterns/active_search_filters/pattern-active-search-filters.html.twig
+++ b/templates/patterns/active_search_filters/pattern-active-search-filters.html.twig
@@ -6,7 +6,7 @@
 #}
 <div class="active-search-filters ecl-u-d-m-flex">
   <div class="active-search-filters__name ecl-u-flex-shrink-0 ecl-u-mb-s ecl-u-mr-s ecl-u-pt-xs">
-    <span class="ecl-u-type-s ecl-u-type-uppercase ecl-u-type-color-grey-75">{{ name }}</span>
+    <span class="ecl-u-type-s ecl-u-type-uppercase ecl-u-type-color-dark-80">{{ name }}</span>
   </div>
   <div class="active-search-filters__items ecl-u-flex-grow-1">
     {% for item in items %}
diff --git a/templates/ui_patterns_library/patterns-overview-page.html.twig b/templates/ui_patterns_library/patterns-overview-page.html.twig
index 19758f36a..90c9d2aec 100644
--- a/templates/ui_patterns_library/patterns-overview-page.html.twig
+++ b/templates/ui_patterns_library/patterns-overview-page.html.twig
@@ -27,7 +27,7 @@
 
   {% for group_patterns in patterns %}
     {% for pattern_name, pattern in group_patterns %}
-    <div class="ecl-u-clearfix ecl-u-pv-4xl ecl-u-border-bottom ecl-u-border-color-grey-50">
+    <div class="ecl-u-clearfix ecl-u-pv-4xl ecl-u-border-bottom ecl-u-border-color-dark-60">
       {# Pattern name and desciption. #}
       <a id="{{ pattern_name }}"></a>
       {% include '@ecl-twig/link' with {