@gravitee/ui-particles-angular 14.2.1 → 15.0.0-handle-md-doc-dedae47

package/src/scss/mat-override/mat-button.scss

@@ -13,7 +13,22 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+@use '@angular/material' as mat;
+
+@use '../gio-mat-palettes' as palettes;
+
 @mixin mat-button() {
+  @include mat.button-overrides(
+    (
+      outlined-label-text-weight: 700,
+      filled-label-text-weight: 700,
+      protected-label-text-weight: 700,
+      text-label-text-weight: 700,
+      outlined-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-space-palette, lighter10),
+      text-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-space-palette, lighter10),
+    )
+  );
+
   .mdc-button {
     &:has(.mdc-button__label:empty) {
       min-width: 36px;
@@ -26,5 +41,17 @@
         font-size: 22px;
       }
     }
+
+    &[color='primary']:not(:disabled) {
+      @include mat.button-overrides(
+        (
+          filled-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-gradient-palette, button-contrast),
+          text-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-gradient-palette, button-contrast),
+          outlined-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-gradient-palette, button-contrast),
+        )
+      );
+
+      background: mat.m2-get-color-from-palette(palettes.$mat-gradient-palette, button);
+    }
   }
 }

package/src/scss/mat-override/mat-form-field.scss

@@ -20,6 +20,18 @@
 @use '../gio-mat-palettes' as palettes;
 
 @mixin mat-form-field() {
+  @include mat.form-field-overrides(
+    (
+      outlined-caret-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+      outlined-focus-outline-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+      outlined-focus-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+      filled-caret-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+      filled-focus-active-indicator-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+      filled-focus-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+      focus-select-arrow-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+    )
+  );
+
   .mat-mdc-form-field {
     margin: 0.45em 0;
   }

package/src/scss/mat-override/mat-option.scss

@@ -18,7 +18,21 @@
 
 @use '../gio-mat-theme-variable' as theme;
 
+@use '../gio-mat-palettes' as palettes;
+
 @mixin mat-option() {
+  @include mat.select-overrides(
+    (
+      focused-arrow-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+    )
+  );
+
+  @include mat.option-overrides(
+    (
+      selected-state-label-text-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker80),
+    )
+  );
+
   .mat-typography .mat-mdc-option {
     min-height: 40px;
     @include mat.m2-typography-level(theme.$mat-typography, 'body-2');

package/src/scss/theme/typography/gio-typography.scss

@@ -26,6 +26,7 @@
 }
 
 @mixin subtitle-typography() {
+  font-family: Kanit, 'Helvetica Neue', sans-serif;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0.4px;
@@ -33,12 +34,12 @@
 }
 
 @mixin link-typography() {
-  color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, 'darker40');
+  color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, 'darker20');
   cursor: pointer;
   text-decoration-thickness: 2px;
 
   &:hover {
-    color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, 'darker20');
+    color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, 'default');
   }
 }