@provoly/dashboard 0.22.4 → 0.22.6

package/styles-theme/components-theme/_a-range-slider.theme.scss

@@ -5,50 +5,50 @@
 
 /* Input Thumb */
 .a-range-slider[type='range']::-webkit-slider-thumb {
-  border-color: themed($theme-map, 'color', 'accent', 600);
-  background-color: themed($theme-map, 'color', 'accent', 500);
+  border-color: themed($theme-map, 'color', 'primary', 600);
+  background-color: themed($theme-map, 'color', 'primary', 600);
   box-shadow: 0 0 2px 0 #555;
 }
 
 .a-range-slider[type='range']::-moz-range-thumb {
-  border-color: themed($theme-map, 'color', 'accent', 600);
-  background-color: themed($theme-map, 'color', 'accent', 500);
+  border-color: themed($theme-map, 'color', 'primary', 600);
+  background-color: themed($theme-map, 'color', 'primary', 600);
   box-shadow: 0 0 2px 0 #555;
 }
 
 .a-range-slider[type='range']::-ms-thumb {
-  border-color: themed($theme-map, 'color', 'accent', 600);
-  background-color: themed($theme-map, 'color', 'accent', 500);
+  border-color: themed($theme-map, 'color', 'primary', 600);
+  background-color: themed($theme-map, 'color', 'primary', 600);
   box-shadow: 0 0 2px 0 #555;
 }
 
 .a-range-slider[type='range']::-webkit-slider-thumb:hover {
-  border-color: themed($theme-map, 'color', 'accent', 700);
-  background: themed($theme-map, 'color', 'accent', 600);
+  border-color: themed($theme-map, 'color', 'primary', 850);
+  background: themed($theme-map, 'color', 'primary', 850);
 }
 
 .a-range-slider[type='range']::-moz-range-thumb:hover {
-  border-color: themed($theme-map, 'color', 'accent', 700);
-  background: themed($theme-map, 'color', 'accent', 600);
+  border-color: themed($theme-map, 'color', 'primary', 850);
+  background: themed($theme-map, 'color', 'primary', 850);
 }
 
 .a-range-slider[type='range']::-ms-thumb:hover {
-  border-color: themed($theme-map, 'color', 'accent', 700);
-  background: themed($theme-map, 'color', 'accent', 600);
+  border-color: themed($theme-map, 'color', 'primary', 850);
+  background: themed($theme-map, 'color', 'primary', 850);
 }
 
 .a-range-slider {
   &__min,
   &__max {
-    color: themed($theme-map, 'color', 'accent', 500);
-    opacity: 0.7;
+    color: themed($theme-map, 'color', 'primary', 800);
 
     &:before {
-      background-color: themed($theme-map, 'color', 'accent', 500);
+      background-color: themed($theme-map, 'color', 'primary', 800);
     }
   }
 
   &__selected-value {
-    color: themed($theme-map, 'color', 'accent', 500);
+    font-size: toRem(15);
+    color: themed($theme-map, 'color', 'primary', 700);
   }
 }

package/styles-theme/components-theme/_a-table.theme.scss

@@ -5,14 +5,14 @@
 
 .a-table {
   background-color: white;
-  color: themed($theme-map, 'color', 'primary', 600);
+  color: themed($theme-map, 'color', 'primary', 700);
 
   thead {
     tr {
       border-bottom-color: themed($theme-map, 'color', 'graph', 01);
 
       th {
-        color: themed($theme-map, 'color', 'primary', 600);
+        color: themed($theme-map, 'color', 'primary', 750);
 
         /*&:hover {
           background-color: themed($theme-map, 'color', 'primary', 50);

package/styles-theme/components-theme/_a-toggle.theme.scss

@@ -8,7 +8,6 @@
 
   &__display {
     border-color: themed($theme-map, 'color', 'primary', 400);
-    // background-color: themed($theme-map, 'color', 'accent', 600);
 
     &:before {
       background-color: themed($theme-map, 'color', 'primary', 400);
@@ -20,11 +19,11 @@
   // Force background color
   &.-always-active {
     #{$this}__display {
-      border-color: themed($theme-map, 'color', 'accent', 600);
-      background-color: themed($theme-map, 'color', 'accent', 600);
+      border-color: themed($theme-map, 'color', 'primary', 600);
+      background-color: themed($theme-map, 'color', 'primary', 600);
 
       &:before {
-        background-color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+        background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
       }
     }
   }
@@ -32,7 +31,7 @@
   // Ex: ET/OU
   &.-txt-inside {
     #{$this}__display {
-      color: themed($theme-map, 'color', 'accent', 'contrast', 400);
+      color: themed($theme-map, 'color', 'accent', 'contrast', 50);
     }
   }
 }
@@ -42,11 +41,11 @@
 // pressed/checked
 .a-toggle[aria-pressed='true'] .a-toggle__display,
 .a-toggle__input:checked + .a-toggle__display {
-  border-color: themed($theme-map, 'color', 'accent', 600);
-  background-color: themed($theme-map, 'color', 'accent', 600);
+  border-color: themed($theme-map, 'color', 'primary', 600);
+  background-color: themed($theme-map, 'color', 'primary', 600);
 
   &:before {
-    background-color: themed($theme-map, 'color', 'accent', 'contrast', 600);
+    background-color: themed($theme-map, 'color', 'accent', 'contrast', 50);
   }
 }
 

package/styles-theme/components-theme/_m-btn-sorttable.theme.scss

@@ -4,7 +4,7 @@
 /* Theme Molecule button to sort table rows */
 .m-btn-sorttable {
   @include typography-level(themed($theme-map, 'typography', 'button'));
-  color: themed($theme-map, 'color', 'primary', 600);
+  color: themed($theme-map, 'color', 'primary', 750);
   font-size: toRem(14);
   font-weight: 700;
 
@@ -34,12 +34,12 @@
 
 [aria-sort='ascending'] > .m-btn-sorttable {
   .m-btn-sorttable__icnmark.-asc {
-    color: themed($theme-map, 'color', 'accent', 600);
+    color: themed($theme-map, 'color', 'primary', 600);
   }
 }
 
 [aria-sort='descending'] > .m-btn-sorttable {
   .m-btn-sorttable__icnmark.-desc {
-    color: themed($theme-map, 'color', 'accent', 600);
+    color: themed($theme-map, 'color', 'primary', 600);
   }
 }

package/styles-theme/components-theme/_m-filter.theme.scss

@@ -10,7 +10,7 @@
   &__input-wrapper {
     border: 1px solid themed($theme-map, 'color', 'primary', 400);
     color: themed($theme-map, 'color', 'graph', 01);
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
     .pry-select {
       font-size: 12px;
@@ -22,8 +22,8 @@
       border-color: themed($theme-map, 'color', 'accent', 600);
     }
 
-    &:has(input:not(focus)) {
-      outline:none;
+    &:has(input:not(:focus)) {
+      outline: none;
       border-color: themed($theme-map, 'color', 'primary', 400);
     }
   }
@@ -32,20 +32,11 @@
     background: transparent;
     font-size: 12px;
     font-weight: bold;
-    color: #424B5A; // color for label taken from figma
+    color: themed($theme-map, 'color', 'grey', 800);
   }
 
   &__input {
     border: none transparent;
     font-size: 12px;
   }
-
-  // colors that make the clear button look like the ng-select clear button
-  &__clear-wrapper {
-    color: #999999;
-
-    &:hover {
-      color: #D0021B
-    }
-  }
 }

package/styles-theme/components-theme/_m-form-radio-group.theme.scss

@@ -0,0 +1,17 @@
+@use '../../styles/abstracts' as *;
+@use '../abstracts-theme/variables.theme' as *;
+
+/* Theme - Molecule m-form-radio-group */
+
+.m-form-radio-group {
+  &__item {
+    input[type="radio"] {
+      border-color: themed($theme-map, 'color', 'primary', 400);
+      accent-color: themed($theme-map, 'color', 'primary', 600);
+
+      &:checked {
+        border-color: themed($theme-map, 'color', 'primary', 400);
+      }
+    }
+  }
+}

package/styles-theme/components-theme/_m-info-icon.theme.scss

@@ -0,0 +1,11 @@
+@use '../../styles/abstracts' as *;
+@use '../abstracts-theme/variables.theme' as *;
+
+/* Theme - Molecule m-info-icon */
+
+.m-info-icon {
+  border: 1px solid themed($theme-map, 'color', 'primary', 700);
+  font-size: toRem(10);
+  font-weight: 600;
+  font-family: Arial, sans-serif;
+}

package/styles-theme/components-theme/_m-minus-plus.theme.scss

@@ -33,7 +33,7 @@
       #{$this}__btn__sign {
         &:before,
         &:after {
-          background-color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+          background-color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         }
       }
 
@@ -43,7 +43,7 @@
 
         #{$this}__btn__sign:before,
         #{$this}__btn__sign:after {
-          background-color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+          background-color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         }
       }
     }

package/styles-theme/components-theme/_m-nav-links.theme.scss

@@ -2,3 +2,21 @@
 @use '../abstracts-theme/variables.theme' as *;
 
 /* Theme Molecule - base menu */
+
+.m-nav-links {
+
+  &__list {
+    &__item {
+      border-bottom: 1px solid themed($theme-map, 'color', 'primary', 400);
+
+      &:hover {
+        background-color: themed($theme-map, 'color', 'primary', 300);
+      }
+
+      [class*='is-active'] {
+        background-color: themed($theme-map, 'color', 'primary', 300);
+        color: themed($theme-map, 'color', 'primary', 600);
+      }
+    }
+  }
+}

package/styles-theme/components-theme/_m-notifications.theme.scss

@@ -4,18 +4,18 @@
 /* Theme Molecule - notifications */
 .m-notifications {
   .a-btn {
-    color: themed($theme-map, 'color', 'accent', 600);
+    color: themed($theme-map, 'color', 'primary', 600);
 
     &:before {
-      background-color: themed($theme-map, 'color', 'accent', 50);
+      background-color: themed($theme-map, 'color', 'primary', 300);
     }
 
     &:hover {
       transition: none;
-      color: themed($theme-map, 'color', 'accent', 'contrast', 600);
+      color: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
       &:before {
-        background-color: themed($theme-map, 'color', 'accent', 600);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
     }
   }
@@ -54,6 +54,10 @@
 
   &__items {
     &__li {
+      &:hover {
+        background-color: themed($theme-map, 'color', 'primary', 300);
+      }
+
       &__txt {
         .a-h3 {
           font-size: toRem(16);

package/styles-theme/components-theme/_m-time-picker.theme.scss

@@ -22,7 +22,7 @@
         }
 
         &.-selected {
-          color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+          color: themed($theme-map, 'color', 'primary', 'contrast', 50);
           background-color: themed($theme-map, 'color', 'primary', 600);
           font-weight: 500;
 

package/styles-theme/components-theme/_o-catalog.theme.scss

@@ -41,7 +41,7 @@
             background-color: themed($theme-map, 'color', 'primary', 600);
 
             .a-icon {
-              color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+              color: themed($theme-map, 'color', 'primary', 'contrast', 50);
             }
           }
         }

package/styles-theme/components-theme/_o-date-picker.theme.scss

@@ -3,11 +3,11 @@
 
 /* Theme Atom - date picker */
 .o-date-picker {
-  background: themed($theme-map, 'color', 'primary', 'contrast', 600);
+  background: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
   &__header__dropdown {
     color: themed($theme-map, 'color', 'primary', 600);
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
   }
 
   .a-icon {

package/styles-theme/components-theme/_o-draggable-menu.theme.scss

@@ -6,7 +6,7 @@
 .o-draggable-menu {
   border-radius: toRem(8);
   background-color: themed($theme-map, 'color', 'primary', 50);
-  box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
 
   &__list {
     &__item {
@@ -20,7 +20,7 @@
     &__submenu {
       border-radius: toRem(5);
       background-color: themed($theme-map, 'color', 'primary', 50);
-      box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.2);
+      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
     }
   }
 }

package/styles-theme/components-theme/_o-multi-class-field-selection.theme.scss

@@ -30,7 +30,7 @@
         background-color: themed($theme-map, 'color', 'accent', 500);
 
         .a-btn {
-          color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+          color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         }
       }
 

package/styles-theme/components-theme/_o-object-panel.theme.scss

@@ -6,6 +6,6 @@
 .o-object-panel {
   .date-picker-container {
     border-color: themed($theme-map, 'color', 'primary', 400);
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
   }
 }

package/styles-theme/components-theme/_o-pry-admin-classes-customize.theme.scss

@@ -12,12 +12,3 @@
     }
   }
 }
-
-.a-chips {
-  color: themed($theme-map, 'color', 'accent', 'contrast', 600);
-  background-color: themed($theme-map, 'color', 'accent', 600);
-
-  &.-not-found {
-    background-color: themed($theme-map, 'color', 'accent', 100);
-  }
-}

package/styles-theme/components-theme/_o-pry-dataset-card.theme.scss

@@ -15,4 +15,12 @@
     border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
     border-bottom: 1px themed($theme-map, 'color', 'primary', 300) solid;
   }
+
+  &:hover {
+    background-color: themed($theme-map, 'color', 'primary', 300);
+
+    .o-pry-dataset-card__footer {
+      border-top: 1px themed($theme-map, 'color', 'primary', 400) solid;
+    }
+  }
 }

package/styles-theme/components-theme/_o-pry-presentation.theme.scss

@@ -6,6 +6,14 @@
   &__item {
     @extend %card-with-hover;
 
+    &:hover {
+      background-color: themed($theme-map, 'color', 'primary', 300);
+
+      .o-presentation__item__footer {
+        border-top: 1px themed($theme-map, 'color', 'primary', 400) solid;
+      }
+    }
+
     &__header {
       background-color: themed($theme-map, 'color', 'primary', 100);
 
@@ -15,27 +23,26 @@
     }
 
     &__txt {
+      .a-h3 {
+        font-size: toRem(14);
+        color: themed($theme-map, 'color', 'primary', 600);
+      }
+
       .a-p {
+        font-size: toRem(12);
+
         &.-date {
-          color: themed($theme-map, 'color', 'primary', 500);
+          font-size: toRem(11);
         }
       }
     }
 
     &__footer {
-      border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
+      border-top: 1px themed($theme-map, 'color', 'grey', 300) solid;
 
       pry-icon {
-        color: themed($theme-map, 'color', 'accent', 400);
+        color: themed($theme-map, 'color', 'primary', 600);
       }
     }
   }
-
-  .more-button {
-    background: transparent;
-
-    .a-btn {
-      background-color: themed($theme-map, 'color', 'primary', 50);
-    }
-  }
 }

package/styles-theme/components-theme/_o-pry-search-tools.theme.scss

@@ -4,13 +4,7 @@
 /* Theme Organism - pry search tools */
 
 .o-pry-search-tools {
-  // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
   border-right: 1px themed($theme-map, 'color', 'primary', 300) solid;
-  // background-color: themed($theme-map, 'color', 'primary', 500);
-
-  /*.a-btn.-back{
-    color: themed($theme-map, 'color', 'primary', 'contrast', 600);
-  }*/
 
   &.is-close {
     border-right-color: themed($theme-map, 'color', 'primary', 400);
@@ -20,23 +14,18 @@
     border-bottom-color: themed($theme-map, 'color', 'primary', 400);
 
     [class*='a-h'] {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+      color: themed($theme-map, 'color', 'primary', 'contrast', 50);
     }
 
     .a-btn {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+      color: themed($theme-map, 'color', 'primary', 'contrast', 50);
     }
   }
 
   &__content {
     #btn_reset {
-      // color: themed($theme-map, 'color', 'primary', 'contrast', 600);
       font-weight: 300;
     }
-
-    /*.a-toggle {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 600);
-    }*/
   }
 
   &__footer {

package/styles-theme/components-theme/_o-pry-stepper.theme.scss

@@ -5,30 +5,28 @@
 .o-pry-stepper {
   .m-stepper-item {
     &__count {
-      background-color: #c2d1d9;
+      background-color: themed($theme-map, 'color', 'primary', 400);
 
       &.-active {
-        // background-color: #424B5A;
-        background-color: themed($theme-map, 'color', 'accent', 700);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
 
       &.-complete {
-        // background-color: #6C7784;
-        background-color: themed($theme-map, 'color', 'accent', 400);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
     }
   }
 
   .m-stepper-line {
-    background: themed($theme-map, 'color', 'accent', 100);
+    background-color: themed($theme-map, 'color', 'primary', 400);
 
     &__percent {
       &.-active {
-        background-color: themed($theme-map, 'color', 'accent', 800);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
 
       &.-complete {
-        background-color: themed($theme-map, 'color', 'accent', 600);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
     }
   }

package/styles-theme/components-theme/_o-restitution-list.theme.scss

@@ -17,7 +17,7 @@
       &__action {
         border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
 
-        .a-btn--ghost {
+        .a-btn--secondary {
           font-size: toRem(14);
           line-height: toRem(18);
         }

package/styles-theme/components-theme/_o-search-fulltext.theme.scss

@@ -5,7 +5,7 @@
 .o-search-fulltext {
   &__classes {
     color: themed($theme-map, 'color', 'graph', 01);
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
     &__content {
       color: themed($theme-map, 'color', 'graph', 01);
@@ -28,7 +28,7 @@
       }
 
       &__selected {
-        color: themed($theme-map, 'color', 'primary', 'contrast', 200);
+        color: themed($theme-map, 'color', 'primary', 'contrast', 50);
         background-color: themed($theme-map, 'color', 'primary', 200);
       }
     }

package/styles-theme/components-theme/_o-search-multi-class.theme.scss

@@ -4,24 +4,19 @@
 /* Theme Organism - Search multi class */
 
 .o-search-multi-class {
-  // background-color: themed($theme-map, 'color', 'primary', 500);
   &__header {
     .a-h3 {
-      // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
       font-size: toRem(14);
     }
   }
 
   &__add-condition {
     .a-btn.a-btn--secondary {
-      // border-color: themed($theme-map, 'color', 'primary', 'contrast', 500);
       border-width: 1px;
-      // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
     }
   }
 
   .a-btn.a-btn--icon-text {
-    // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
     font-size: toRem(13);
     font-weight: 400;
   }

package/styles-theme/components-theme/_o-settings.theme.scss

@@ -34,7 +34,7 @@
 
         &:hover,
         &:active {
-          color: themed($theme-map, 'color', 'accent', 500);
+          color: themed($theme-map, 'color', 'primary', 600);
         }
 
         &[data-func='delete'] {

package/styles-theme/components-theme/_o-tabs.theme.scss

@@ -16,7 +16,7 @@
 
       &[aria-selected='false'] {
         &:before {
-          border-color: themed($theme-map, 'color', 'primary', 300);
+          border-color: themed($theme-map, 'color', 'accent', 100);
         }
       }
     }

package/styles-theme/components-theme/_o-widget-iframe.theme.scss

@@ -11,13 +11,13 @@
       background-color: transparent;
 
       &:hover {
-        color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+        color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         background-color: themed($theme-map, 'color', 'accent', 500);
       }
 
       &:focus,
       &:active {
-        color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+        color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         background-color: themed($theme-map, 'color', 'accent', 600);
       }