@ieeesa-npm/shared-styles 0.5.1 → 0.5.3

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.
Files changed (5) hide show
  1. package/assets/images/sprites/sprites.svg +4 -0
  2. package/package.json +1 -1
  3. package/styles/mixins.scss +1 -0
  4. package/styles/theme.scss +4 -0
  5. package/styles/variables.scss +10 -2
package/assets/images/sprites/sprites.svg CHANGED
@@ -248,5 +248,9 @@
248
248
  <symbol id="icon-time-picker" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
249
249
  <path d="M11.97 13.23L13.23 11.97L9.9 8.64V4.5H8.1V9.36L11.97 13.23ZM9 18C7.755 18 6.585 17.7638 5.49 17.2912C4.395 16.8187 3.4425 16.1775 2.6325 15.3675C1.8225 14.5575 1.18125 13.605 0.70875 12.51C0.23625 11.415 0 10.245 0 9C0 7.755 0.23625 6.585 0.70875 5.49C1.18125 4.395 1.8225 3.4425 2.6325 2.6325C3.4425 1.8225 4.395 1.18125 5.49 0.70875C6.585 0.23625 7.755 0 9 0C10.245 0 11.415 0.23625 12.51 0.70875C13.605 1.18125 14.5575 1.8225 15.3675 2.6325C16.1775 3.4425 16.8187 4.395 17.2912 5.49C17.7638 6.585 18 7.755 18 9C18 10.245 17.7638 11.415 17.2912 12.51C16.8187 13.605 16.1775 14.5575 15.3675 15.3675C14.5575 16.1775 13.605 16.8187 12.51 17.2912C11.415 17.7638 10.245 18 9 18ZM9 16.2C10.995 16.2 12.6938 15.4987 14.0962 14.0962C15.4987 12.6938 16.2 10.995 16.2 9C16.2 7.005 15.4987 5.30625 14.0962 3.90375C12.6938 2.50125 10.995 1.8 9 1.8C7.005 1.8 5.30625 2.50125 3.90375 3.90375C2.50125 5.30625 1.8 7.005 1.8 9C1.8 10.995 2.50125 12.6938 3.90375 14.0962C5.30625 15.4987 7.005 16.2 9 16.2Z" fill="#00629B"/>
250
250
  </symbol>
251
+ <symbol id="icon-clear-all" viewBox="0 0 32 32">
252
+ <path d="M6.063 19.873v-2.526h10.105v2.526h-10.105zM6.063 14.4v-2.526h18.526v2.526h-18.526zM6.063 8.926v-2.526h18.526v2.526h-18.526z"></path>
253
+ <path d="M17.852 23.137l1.789 1.789 2.421-2.421 2.421 2.421 1.789-1.789-2.421-2.421 2.421-2.421-1.789-1.789-2.421 2.421-2.421-2.421-1.789 1.789 2.421 2.421-2.421 2.421z"></path>
254
+ </symbol>
251
255
  </defs>
252
256
  </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/shared-styles",
3
- "version": "0.5.1",
3
+ "version": "0.5.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0"
package/styles/mixins.scss CHANGED
@@ -50,6 +50,7 @@
50
50
  .mat-mdc-form-field-focus-overlay {
51
51
  background: $ieeesa-white;
52
52
  padding: 0;
53
+ border: 0;
53
54
  .mat-mdc-form-field-infix {
54
55
  min-height: 2.375em;
55
56
  padding-top: 0.0625em;
package/styles/theme.scss CHANGED
@@ -197,6 +197,10 @@
197
197
  }
198
198
  }
199
199
  }
200
+ .mat-mdc-button,
201
+ .mat-mdc-outlined-button {
202
+ --mat-mdc-button-persistent-ripple-color: unset;
203
+ }
200
204
  @media (max-width: 768px) {
201
205
  .ieeesa-cancel-modal-confirm-dialog {
202
206
  width: 90vw !important;
package/styles/variables.scss CHANGED
@@ -143,6 +143,12 @@ $ieeesa-box-shadow-19: 0px 3px 0px 0px #00b5e2 inset,
143
143
  $ieeesa-box-shadow-20: 0px 2px 6px 2px rgba(0, 0, 0, 0.15),
144
144
  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
145
145
  $ieeesa-box-shadow-21: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
146
+ $ieeesa-box-shadow-22: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
147
+ $ieeesa-box-shadow-23: 0px 1px 0px 0px #DBE2EB inset;
148
+ $ieeesa-box-shadow-24: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
149
+ $ieeesa-confirmation-modal-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
150
+ $ieeesa-modal-box-shadow: 0px 3px 0px 0px #00b5e2 inset,
151
+ 0px 4px 24px 0px rgba(0, 0, 0, 0.5);
146
152
  // Angular Material mat-button styles
147
153
  $ieeesa-primary-btn-active: #00629b;
148
154
  $ieeesa-primary-btn-hover: #003e65;
@@ -160,7 +166,6 @@ $ieeesa-primary-brand-10: #002c37;
160
166
  $ieeesa-primary-brand-30: #0188aa;
161
167
  $ieeesa-dark-grey-20: #333436;
162
168
  $ieeesa-dark-grey-30: #4a4d50;
163
- $ieeesa-dark-grey-20: #333436;
164
169
  $ieeesa-dark-grey-99: #f4f8fe;
165
170
  $ieeesa-dark-grey-95: #dbe2eb;
166
171
  $ieeesa-brand-grey-50: #777a7e;
@@ -207,13 +212,16 @@ $ieeesa-invalid-form-field-border: 2px solid $ieeesa-red;
207
212
  $ieeesa-ripple-border-bottom-color: #878b8f;
208
213
  $ieeesa-mat-expansion-panel-bg-color: #f3f5f7;
209
214
  $ieeesa-form-field-content-color: #49454f;
210
- $ieeesa-form-field-content-font-size: 0.75rem;
215
+ $ieeesa-form-field-content-font-size: 1rem;
216
+ $ieeesa-form-field-label-font-size: 0.75rem;
211
217
  $ieeesa-breadcrumb-font-color: #787579;
212
218
  $ieeesa-data-table-head-color: #323232;
213
219
  $ieeesa-toggle-btn-group-radius: 0.25em;
214
220
  $ieeesa-calendar-bg-color: #ffffff;
215
221
  $ieeesa-nav-menu-item-hover-bg-color: #dae9f1;
216
222
  $ieeesa-nav-menu-item-focus-bg-color: #c0deef;
223
+ $ieeesa-table-footer-label: rgba(0, 0, 0, 0.60);
224
+ $ieeesa-table-pagination-range: rgba(0, 0, 0, 0.87);
217
225
  $ieeesa-chips-background: linear-gradient(
218
226
  0deg,
219
227
  rgba(0, 98, 155, 0.05) 0%,