@ieeesa-npm/shared-styles 0.1.4 → 0.1.6

package/package.json

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

package/styles/mixins.scss

@@ -44,9 +44,6 @@
 @mixin textarea-readonly() {
   .ieeesa-text-area-field {
     .mat-mdc-form-field {
-      .mat-mdc-text-field-wrapper {
-        height: 1.5em;
-      }
       .mat-mdc-text-field-wrapper,
       .mat-mdc-form-field-focus-overlay {
         background: $ieeesa-white;

package/styles/theme.scss

@@ -6,7 +6,8 @@
 .mat-mdc-button.mat-mdc-button-base {
   &.mat-primary-button,
   &.mat-secondary-button,
-  &.mat-tertiary-button {
+  &.mat-tertiary-button,
+  &.mat-text-button {
     min-width: 103px;
     width: auto;
     min-height: 40px;
@@ -16,7 +17,7 @@
     padding: 0.625em 1.5em;
     border: none;
     @include set-font-style(
-      $ieeesa-font-calibri-regular,
+      $ieeesa-font-calibri-bold,
       $ieeesa-font-style-normal,
       $ieeesa-font-wt-700,
       $ieeesa-font-size-16,
@@ -75,6 +76,20 @@
     color: $ieeesa-background-dark-color;
     opacity: $ieeesa-opacity-point-38;
   }
+
+  &.mat-text-button {
+    color: $ieeesa-blue;
+    &:hover {
+      background: $ieeesa-tertiary-btn-hover;
+    }
+    &:active {
+      background: $ieeesa-tertiary-btn-hover;
+    }
+    &:disabled {
+      color: $ieeesa-title-color;
+      opacity: $ieeesa-opacity-point-38;
+    }
+  }
 }
 .ieeesa-text-button {
   color: $ieeesa-outline-variant;
@@ -105,7 +120,7 @@
 .mat-button-toggle-group {
   .mat-button-toggle-label-content {
     @include set-font-style(
-      $ieeesa-font-calibri-regular,
+      $ieeesa-font-calibri-bold,
       $ieeesa-font-style-normal,
       $ieeesa-font-wt-700,
       $ieeesa-font-size-16,

package/styles/typography.scss

@@ -28,6 +28,17 @@
     $ieeesa-letter-space-0
   );
 }
+.ieeesa-display-md-45 {
+  @include set-font-style(
+    $ieeesa-font-calibri-regular,
+    $ieeesa-font-style-normal,
+    $ieeesa-font-wt-400,
+    $ieeesa-font-size-45,
+    $ieeesa-line-height-52,
+    $ieeesa-black,
+    $ieeesa-letter-space-0
+  );
+}
 .ieeesa-display-md-47 {
   @include set-font-style(
     $ieeesa-font-calibri-regular,
@@ -85,7 +96,7 @@
 }
 .ieeesa-title-lg-bold-24 {
   @include set-font-style(
-    $ieeesa-font-calibri-regular,
+    $ieeesa-font-calibri-bold,
     $ieeesa-font-style-normal,
     $ieeesa-font-wt-700,
     $ieeesa-font-size-24,
@@ -129,7 +140,7 @@
 }
 .ieeesa-label-lg-bold-16 {
   @include set-font-style(
-    $ieeesa-font-calibri-regular,
+    $ieeesa-font-calibri-bold,
     $ieeesa-font-style-normal,
     $ieeesa-font-wt-700,
     $ieeesa-font-size-16,
@@ -173,7 +184,7 @@
 }
 .ieeesa-body-lg-bold-18 {
   @include set-font-style(
-    $ieeesa-font-calibri-regular,
+    $ieeesa-font-calibri-bold,
     $ieeesa-font-style-normal,
     $ieeesa-font-wt-700,
     $ieeesa-font-size-18,
@@ -217,7 +228,7 @@
 }
 .ieeesa-body-sm-bold-14 {
   @include set-font-style(
-    $ieeesa-font-calibri-regular,
+    $ieeesa-font-calibri-bold,
     $ieeesa-font-style-normal,
     $ieeesa-font-wt-700,
     $ieeesa-font-size-14,

package/styles/variables.scss

@@ -26,6 +26,7 @@ $ieeesa-font-size-30: 1.875em;
 $ieeesa-font-size-31: 1.938em;
 $ieeesa-font-size-34: 2.125em;
 $ieeesa-font-size-38: 2.375em;
+$ieeesa-font-size-45: 2.813em;
 $ieeesa-font-size-47: 2.9375em;
 $ieeesa-font-size-48: 3em;
 $ieeesa-font-size-50: 3.125em;
@@ -138,6 +139,7 @@ $ieeesa-brand-grey-50: #777a7e;
 $ieeesa-brand-grey-70: #9ba0a6;
 $ieeesa-outline-variant: #cac4d0;
 $ieeesa-dark-grey: #63666a;
+$ieeesa-brand-dark-grey: #1c1d1e;
 $ieeesa-neutral-variant-50: #79747e;
 $ieeesa-success-color: #c0deef;
 $ieeesa-error-color: #f9dedc;
@@ -148,3 +150,5 @@ $ieeesa-form-field-background: linear-gradient(
     rgba(0, 98, 155, 0.05) 100%
   ),
   #fffbfe;
+$ieeesa-neutral-60: #939094;
+$ieeesa-revision-cycle-background: #f2f2f2;