@ieeesa-npm/shared-styles 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/shared-styles",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0"
package/styles/theme.scss CHANGED
@@ -134,15 +134,32 @@
134
134
  }
135
135
  }
136
136
  }
137
+ .cdk-overlay-pane {
138
+ .mat-mdc-tooltip .mdc-tooltip__surface {
139
+ color: #525252;
140
+ padding: 6px 12px;
141
+ font-family: $ieeesa-font-calibri-regular;
142
+ font-size: $ieeesa-font-size-16;
143
+ border: 1px solid $ieeesa-outline-variant;
144
+ background: $ieeesa-white;
145
+ box-shadow: $ieeesa-box-shadow-11;
146
+ max-width: unset !important;
147
+ }
148
+ }
149
+ .cdk-overlay-pane {
150
+ .mat-mdc-option .mdc-list-item__primary-text {
151
+ font-family: $ieeesa-font-calibri-regular !important;
152
+ }
153
+ }
137
154
  // Modal component styles
138
155
  .cdk-overlay-pane {
139
156
  &.ieeesa-modal-confirm-dialog,
140
157
  &.ieeesa-modal-dialog,
141
158
  &.ieeesa-alert-dialog {
142
- width: 100%;
159
+ width: 100%;
143
160
  min-width: 312px;
144
- }
145
- }
161
+ }
162
+ }
146
163
 
147
164
  .mat-mdc-form-field {
148
165
  @include set-font-style(
@@ -28,17 +28,6 @@
28
28
  $ieeesa-letter-space-0
29
29
  );
30
30
  }
31
- .ieeesa-display-md-45 {
32
- @include set-font-style(
33
- $ieeesa-font-calibri-regular,
34
- $ieeesa-font-style-normal,
35
- $ieeesa-font-wt-400,
36
- $ieeesa-font-size-45,
37
- $ieeesa-line-height-52,
38
- $ieeesa-black,
39
- $ieeesa-letter-space-0
40
- );
41
- }
42
31
  .ieeesa-display-md-47 {
43
32
  @include set-font-style(
44
33
  $ieeesa-font-calibri-regular,
@@ -26,7 +26,6 @@ $ieeesa-font-size-30: 1.875em;
26
26
  $ieeesa-font-size-31: 1.938em;
27
27
  $ieeesa-font-size-34: 2.125em;
28
28
  $ieeesa-font-size-38: 2.375em;
29
- $ieeesa-font-size-45: 2.813em;
30
29
  $ieeesa-font-size-47: 2.9375em;
31
30
  $ieeesa-font-size-48: 3em;
32
31
  $ieeesa-font-size-50: 3.125em;
@@ -117,6 +116,7 @@ $ieeesa-box-shadow-7: 0px 3px 0px 0px #11b7e5 inset,
117
116
  0px 4px 24px 0px rgba(0, 0, 0, 0.5);
118
117
  $ieeesa-box-shadow-9: 0px 0px 4px 0px rgba(0, 0, 0, 0.5) inset;
119
118
  $ieeesa-box-shadow-10: 0px 1px 0px 0px rgb(220, 227, 233) inset;
119
+ $ieeesa-box-shadow-11: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
120
120
  // Angular Material mat-button styles
121
121
  $ieeesa-primary-btn-active: #00629b;
122
122
  $ieeesa-primary-btn-hover: #003e65;