@1024pix/pix-ui 55.29.5 → 55.31.0

package/addon/helpers/variants.js

@@ -1 +1 @@
-export const VARIANTS = ['primary', 'orga', 'certif', 'admin'];
+export const VARIANTS = ['primary', 'orga', 'certif', 'admin', 'modulix'];

package/addon/styles/_pix-app-layout.scss

@@ -100,4 +100,13 @@
     --pix-navigation-color: var(--pix-primary-700);
     --pix-navigation-text-color: var(--pix-neutral-0);
   }
+
+  &--modulix {
+    background-color: var(--pix-neutral-0);
+
+    --pix-navigation-color: var(--pix-primary-10);
+    --pix-navigation-text-color: var(--pix-neutral-800);
+    --pix-navigation-width: 88px;
+    --pix-navigation-mobile-button-color: var(--pix-neutral-800);
+  }
 }

package/addon/styles/_pix-button-base.scss

@@ -184,16 +184,16 @@
 
   &--success {
     color: var(--pix-neutral-0);
-    background-color: var(--pix-success-500);
+    background-color: var(--pix-success-700);
 
     &:not([aria-disabled="true"]) {
       &:hover {
-        background-color: var(--pix-success-700);
+        background-color: var(--pix-success-900);
       }
 
       &:focus,
       &:focus-visible {
-        background-color: var(--pix-success-700);
+        background-color: var(--pix-success-900);
         outline: 1px solid var(--pix-neutral-0);
         outline-offset: -4px;
       }

package/addon/styles/_pix-navigation.scss

@@ -3,6 +3,7 @@
 
 :root {
   --pix-navigation-width:  15rem;
+  --pix-navigation-mobile-button-color: --pix-neutral-0;
 }
 
 .pix-navigation {
@@ -71,6 +72,10 @@
       display: block;
       margin-left:auto;
 
+      svg {
+        color: var(--pix-navigation-mobile-button-color);
+      }
+
       .pix-button {
         background-color: transparent;
 

package/addon/styles/pix-design-tokens/_colors.scss

@@ -43,49 +43,53 @@
   --pix-neutral-800: rgb(var(--pix-neutral-800-inline));
   --pix-neutral-900-inline:18, 38, 71;
   --pix-neutral-900: rgb(var(--pix-neutral-900-inline));
-  --pix-info-50-inline:230, 242, 254;
+  --pix-info-50-inline:234, 241, 255;
   --pix-info-50: rgb(var(--pix-info-50-inline));
-  --pix-info-100-inline:176, 211, 244;
+  --pix-info-100-inline:190, 212, 255;
   --pix-info-100: rgb(var(--pix-info-100-inline));
-  --pix-info-500-inline:59, 130, 246;
+  --pix-info-300-inline:114, 163, 255;
+  --pix-info-300: rgb(var(--pix-info-300-inline));
+  --pix-info-500-inline:44, 117, 255;
   --pix-info-500: rgb(var(--pix-info-500-inline));
-  --pix-info-700-inline:29, 78, 216;
+  --pix-info-700-inline:31, 83, 181;
   --pix-info-700: rgb(var(--pix-info-700-inline));
-  --pix-info-900-inline:30, 58, 138;
+  --pix-info-900-inline:18, 49, 107;
   --pix-info-900: rgb(var(--pix-info-900-inline));
-  --pix-success-50-inline:232, 243, 239;
+  --pix-success-50-inline:230, 246, 239;
   --pix-success-50: rgb(var(--pix-success-50-inline));
-  --pix-success-100-inline:185, 216, 205;
+  --pix-success-100-inline:176, 228, 204;
   --pix-success-100: rgb(var(--pix-success-100-inline));
-  --pix-success-300-inline:103, 171, 146;
+  --pix-success-300-inline:84, 197, 144;
   --pix-success-300: rgb(var(--pix-success-300-inline));
-  --pix-success-500-inline:28, 130, 93;
+  --pix-success-500-inline:0, 168, 90;
   --pix-success-500: rgb(var(--pix-success-500-inline));
-  --pix-success-700-inline:20, 92, 66;
+  --pix-success-700-inline:0, 119, 64;
   --pix-success-700: rgb(var(--pix-success-700-inline));
-  --pix-success-900-inline:12, 55, 39;
+  --pix-success-900-inline:0, 71, 38;
   --pix-success-900: rgb(var(--pix-success-900-inline));
-  --pix-warning-50-inline:255, 247, 235;
+  --pix-warning-50-inline:253, 240, 231;
   --pix-warning-50: rgb(var(--pix-warning-50-inline));
-  --pix-warning-100-inline:255, 229, 192;
+  --pix-warning-100-inline:250, 209, 181;
   --pix-warning-100: rgb(var(--pix-warning-100-inline));
-  --pix-warning-300-inline:255, 198, 118;
+  --pix-warning-300-inline:244, 155, 96;
   --pix-warning-300: rgb(var(--pix-warning-300-inline));
-  --pix-warning-500-inline:245, 158, 11;
+  --pix-warning-500-inline:238, 105, 17;
   --pix-warning-500: rgb(var(--pix-warning-500-inline));
-  --pix-warning-700-inline:180, 83, 9;
+  --pix-warning-700-inline:169, 75, 12;
   --pix-warning-700: rgb(var(--pix-warning-700-inline));
-  --pix-warning-900-inline:120, 53, 15;
+  --pix-warning-900-inline:100, 44, 7;
   --pix-warning-900: rgb(var(--pix-warning-900-inline));
-  --pix-error-50-inline:251, 236, 236;
+  --pix-error-50-inline:251, 235, 234;
   --pix-error-50: rgb(var(--pix-error-50-inline));
-  --pix-error-100-inline:241, 196, 196;
+  --pix-error-100-inline:243, 192, 188;
   --pix-error-100: rgb(var(--pix-error-100-inline));
-  --pix-error-500-inline:210, 65, 64;
+  --pix-error-300-inline:228, 118, 111;
+  --pix-error-300: rgb(var(--pix-error-300-inline));
+  --pix-error-500-inline:215, 51, 40;
   --pix-error-500: rgb(var(--pix-error-500-inline));
-  --pix-error-700-inline:149, 46, 46;
+  --pix-error-700-inline:153, 36, 28;
   --pix-error-700: rgb(var(--pix-error-700-inline));
-  --pix-error-900-inline:88, 27, 27;
+  --pix-error-900-inline:90, 21, 17;
   --pix-error-900: rgb(var(--pix-error-900-inline));
   --pix-certif-50-inline:232, 242, 242;
   --pix-certif-50: rgb(var(--pix-certif-50-inline));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/pix-ui",
-  "version": "55.29.5",
+  "version": "55.31.0",
   "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
   "keywords": [
     "ember-addon"