@ieeesa-npm/shared-styles 0.1.7 → 0.1.8

package/package.json

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

package/styles/theme.scss

@@ -62,8 +62,8 @@
 
   &.mat-tertiary-button {
     background-color: $ieeesa-white;
-    border: 1px solid $ieeesa-teritary-btn-active;
-    color: $ieeesa-teritary-btn-active;
+    border: 1px solid $ieeesa-tertiary-btn-active;
+    color: $ieeesa-tertiary-btn-active;
   }
   &.mat-tertiary-button:hover {
     background-color: $ieeesa-tertiary-btn-hover;
@@ -72,7 +72,7 @@
     background: $ieeesa-tertiary-btn-active;
   }
   &.mat-tertiary-button:disabled {
-    border: 1px solid $ieeesa-teritary-btn-disabled;
+    border: 1px solid $ieeesa-tertiary-btn-disabled;
     color: $ieeesa-background-dark-color;
     opacity: $ieeesa-opacity-point-38;
   }

package/styles/typography.scss

@@ -83,6 +83,17 @@
     $ieeesa-letter-space-0
   );
 }
+.ieeesa-headline-sm-24 {
+  @include set-font-style(
+    $ieeesa-font-calibri-regular,
+    $ieeesa-font-style-normal,
+    $ieeesa-font-wt-400,
+    $ieeesa-font-size-24,
+    $ieeesa-line-height-32,
+    $ieeesa-blue,
+    $ieeesa-letter-space-0
+  );
+}
 .ieeesa-headline-sm-26 {
   @include set-font-style(
     $ieeesa-font-calibri-regular,
@@ -160,6 +171,17 @@
     $ieeesa-letter-space-point-1
   );
 }
+.ieeesa-btn-label-lg-bold-16 {
+  @include set-font-style(
+    $ieeesa-font-calibri-regular,
+    $ieeesa-font-style-normal,
+    $ieeesa-font-wt-700,
+    $ieeesa-font-size-16,
+    $ieeesa-line-height-20,
+    $ieeesa-blue,
+    $ieeesa-letter-space-point-1
+  );
+}
 .ieeesa-label-md-14 {
   @include set-font-style(
     $ieeesa-font-calibri-regular,
@@ -182,6 +204,17 @@
     $ieeesa-letter-space-point-5
   );
 }
+.ieeesa-body-lg-bold-16 {
+  @include set-font-style(
+    $ieeesa-font-calibri-bold,
+    $ieeesa-font-style-normal,
+    $ieeesa-font-wt-700,
+    $ieeesa-font-size-16,
+    $ieeesa-line-height-24,
+    $ieeesa-black,
+    $ieeesa-letter-space-point-5
+  );
+}
 .ieeesa-body-lg-bold-18 {
   @include set-font-style(
     $ieeesa-font-calibri-bold,
@@ -226,6 +259,17 @@
     $ieeesa-letter-space-point-4
   );
 }
+.ieeesa-body-color-sm-14 {
+  @include set-font-style(
+    $ieeesa-font-calibri-regular,
+    $ieeesa-font-style-normal,
+    $ieeesa-font-wt-400,
+    $ieeesa-font-size-14,
+    $ieeesa-line-height-18,
+    $ieeesa-on-surface-variant-color,
+    $ieeesa-letter-space-point-4
+  );
+}
 .ieeesa-body-sm-bold-14 {
   @include set-font-style(
     $ieeesa-font-calibri-bold,

package/styles/variables.scss

@@ -92,6 +92,7 @@ $ieeesa-primary-99: #f0f5f9;
 $ieeesa-icon-disabled-color: #c9c5ca;
 $ieeesa-data-table-row-background-color: #f7f9ff;
 $ieeesa-data-table-head-color: #dce3e9;
+$ieeesa-button-bg-gray: #383838;
 // Box-shadow options
 $ieeesa-box-shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.3),
   0px 1px 3px 1px rgba(0, 0, 0, 0.15);
@@ -118,16 +119,20 @@ $ieeesa-box-shadow-7: 0px 3px 0px 0px #11b7e5 inset,
 $ieeesa-box-shadow-9: 0px 0px 4px 0px rgba(0, 0, 0, 0.5) inset;
 $ieeesa-box-shadow-10: 0px 1px 0px 0px rgb(220, 227, 233) inset;
 $ieeesa-box-shadow-11: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
+$ieeesa-box-shadow-12: 0px 1px 3px rgba(235, 116, 116, 0.12),
+  0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
+$ieeesa-box-shadow-13: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+$ieeesa-box-shadow-14: 0px 2px 0px 0px #00b5e2 inset;
 // Angular Material mat-button styles
 $ieeesa-primary-btn-active: #00629b;
 $ieeesa-primary-btn-hover: #003e65;
 $ieeesa-primary-btn-disabled: rgba(28, 27, 31, 0.12);
 $ieeesa-secondary-btn-hover: #a7a8aa;
 $ieeesa-secondary-btn-active: rgba(29, 25, 43, 0.12);
-$ieeesa-teritary-btn-active: #00629b;
+$ieeesa-tertiary-btn-active: #00629b;
 $ieeesa-tertiary-btn-hover: rgba(103, 80, 164, 0.08);
 $ieeesa-tertiary-btn-active: rgba(103, 80, 164, 0.12);
-$ieeesa-teritary-btn-disabled: rgba(28, 27, 31, 0.12);
+$ieeesa-tertiary-btn-disabled: rgba(28, 27, 31, 0.12);
 // Opacity
 $ieeesa-opacity-point-38: 0.38;
 // IEEE SA Branding
@@ -144,12 +149,19 @@ $ieeesa-neutral-variant-50: #79747e;
 $ieeesa-success-color: #c0deef;
 $ieeesa-error-color: #f9dedc;
 $ieeesa-warning-color: #ffefd3;
+$ieeesa-neutral-60: #8F918E;
 $ieeesa-form-field-background: linear-gradient(
     0deg,
     rgba(0, 98, 155, 0.05) 0%,
     rgba(0, 98, 155, 0.05) 100%
   ),
   #fffbfe;
+  $ieeesa-tile-background: linear-gradient(
+    0deg,
+    rgba(0, 98, 155, 0.08) 0%,
+    rgba(0, 98, 155, 0.08) 100%
+  ),
+  #fffbfe;
 $ieeesa-neutral-60: #939094;
 $ieeesa-revision-cycle-background: #f2f2f2;
 $ieeesa-mobile-min-width: 767px;