banner

1024pix · Sep 25, 2024 · a435431 · a435431
1 parent 9b044e8
commit a435431
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/addon/components/pix-banner.hbs b/addon/components/pix-banner.hbs
@@ -1,6 +1,6 @@
 {{#if this.displayBanner}}
   <div class="pix-banner pix-banner--{{this.type}}" role="alert" ...attributes>
-    <PixIcon @name={{this.icon}} class="pix-banner__icon" />
+    <PixIcon @name={{this.icon}} @plainIcon={{true}} class="pix-banner__icon" />
     <div>
       {{yield}}
       {{#if this.displayAction}}
@@ -12,7 +12,7 @@
             rel="noopener noreferrer"
           >
             {{@actionLabel}}
-            <PixIcon @name="openInNew" class="external-link" />
+            <PixIcon @name="openNew" class="external-link" />
           </a>
         {{else}}
           <LinkTo class="pix-banner__action" @route={{@actionUrl}}>{{@actionLabel}}</LinkTo>

diff --git a/addon/components/pix-banner.js b/addon/components/pix-banner.js
@@ -19,8 +19,8 @@ const types = [
 
 const icons = {
   [TYPE_INFO]: 'info',
-  [TYPE_ERROR]: 'error',
-  [TYPE_WARNING]: 'warning',
+  [TYPE_ERROR]: 'warning',
+  [TYPE_WARNING]: 'error',
   [TYPE_COMMUNICATION]: 'campaign',
   [TYPE_COMMUNICATION_ORGA]: 'campaign',
   [TYPE_COMMUNICATION_CERTIF]: 'campaign',

diff --git a/addon/styles/_pix-banner.scss b/addon/styles/_pix-banner.scss
@@ -31,7 +31,7 @@
     background-color: var(--pix-info-50);
 
     .pix-icon-button {
-      color: var(--pix-neutral-800);
+      fill: var(--pix-neutral-800);
       background-color: var(--pix-info-50);
 
       &:hover:enabled,
@@ -51,7 +51,7 @@
     background-color: var(--pix-warning-50);
 
     .pix-icon-button {
-      color: var(--pix-neutral-800);
+      fill: var(--pix-neutral-800);
       background-color: var(--pix-warning-50);
 
       &:hover:enabled,
@@ -71,7 +71,7 @@
     background-color: var(--pix-error-50);
 
     .pix-icon-button {
-      color: var(--pix-neutral-800);
+      fill: var(--pix-neutral-800);
       background-color: var(--pix-error-50);
 
       &:hover:enabled,