@ieeesa-npm/shared-styles 0.5.1 → 0.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/shared-styles",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0"

package/styles/mixins.scss

@@ -50,6 +50,7 @@
       .mat-mdc-form-field-focus-overlay {
         background: $ieeesa-white;
         padding: 0;
+        border: 0;
         .mat-mdc-form-field-infix {
           min-height: 2.375em;
           padding-top: 0.0625em;

package/styles/theme.scss

@@ -197,6 +197,10 @@
     }
   }
 }
+.mat-mdc-button,
+.mat-mdc-outlined-button {
+  --mat-mdc-button-persistent-ripple-color: unset;
+}
 @media (max-width: 768px) {
   .ieeesa-cancel-modal-confirm-dialog {
     width: 90vw !important;

package/styles/variables.scss

@@ -143,6 +143,12 @@ $ieeesa-box-shadow-19: 0px 3px 0px 0px #00b5e2 inset,
 $ieeesa-box-shadow-20: 0px 2px 6px 2px rgba(0, 0, 0, 0.15),
   0px 1px 2px 0px rgba(0, 0, 0, 0.3);
 $ieeesa-box-shadow-21: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+$ieeesa-box-shadow-22: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
+$ieeesa-box-shadow-23: 0px 1px 0px 0px #DBE2EB inset;
+$ieeesa-box-shadow-24: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+$ieeesa-confirmation-modal-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
+$ieeesa-modal-box-shadow: 0px 3px 0px 0px #00b5e2 inset,
+  0px 4px 24px 0px rgba(0, 0, 0, 0.5);
 // Angular Material mat-button styles
 $ieeesa-primary-btn-active: #00629b;
 $ieeesa-primary-btn-hover: #003e65;
@@ -160,7 +166,6 @@ $ieeesa-primary-brand-10: #002c37;
 $ieeesa-primary-brand-30: #0188aa;
 $ieeesa-dark-grey-20: #333436;
 $ieeesa-dark-grey-30: #4a4d50;
-$ieeesa-dark-grey-20: #333436;
 $ieeesa-dark-grey-99: #f4f8fe;
 $ieeesa-dark-grey-95: #dbe2eb;
 $ieeesa-brand-grey-50: #777a7e;
@@ -207,13 +212,16 @@ $ieeesa-invalid-form-field-border: 2px solid $ieeesa-red;
 $ieeesa-ripple-border-bottom-color: #878b8f;
 $ieeesa-mat-expansion-panel-bg-color: #f3f5f7;
 $ieeesa-form-field-content-color: #49454f;
-$ieeesa-form-field-content-font-size: 0.75rem;
+$ieeesa-form-field-content-font-size: 1rem;
+$ieeesa-form-field-label-font-size: 0.75rem;
 $ieeesa-breadcrumb-font-color: #787579;
 $ieeesa-data-table-head-color: #323232;
 $ieeesa-toggle-btn-group-radius: 0.25em;
 $ieeesa-calendar-bg-color: #ffffff;
 $ieeesa-nav-menu-item-hover-bg-color: #dae9f1;
 $ieeesa-nav-menu-item-focus-bg-color: #c0deef;
+$ieeesa-table-footer-label: rgba(0, 0, 0, 0.60);
+$ieeesa-table-pagination-range: rgba(0, 0, 0, 0.87);
 $ieeesa-chips-background: linear-gradient(
     0deg,
     rgba(0, 98, 155, 0.05) 0%,