@ieeesa-npm/shared-styles 0.5.0 → 0.5.2

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 (4) hide show
  1. package/assets/images/sprites/sprites.svg +6 -0
  2. package/package.json +1 -1
  3. package/styles/mixins.scss +1 -1
  4. package/styles/variables.scss +11 -1
package/assets/images/sprites/sprites.svg CHANGED
@@ -236,6 +236,12 @@
236
236
  <path d="M2.99756 11.7496C3.82256 11.7496 4.49756 11.0746 4.49756 10.2496C4.49756 9.42459 3.82256 8.74959 2.99756 8.74959C2.17256 8.74959 1.49756 9.42459 1.49756 10.2496C1.49756 11.0746 2.17256 11.7496 2.99756 11.7496ZM3.84506 12.5746C3.56756 12.5296 3.29006 12.4996 2.99756 12.4996C2.25506 12.4996 1.55006 12.6571 0.912559 12.9346C0.357559 13.1746 -0.00244141 13.7146 -0.00244141 14.3221V15.4996H3.37256V14.2921C3.37256 13.6696 3.54506 13.0846 3.84506 12.5746ZM14.9976 11.7496C15.8226 11.7496 16.4976 11.0746 16.4976 10.2496C16.4976 9.42459 15.8226 8.74959 14.9976 8.74959C14.1726 8.74959 13.4976 9.42459 13.4976 10.2496C13.4976 11.0746 14.1726 11.7496 14.9976 11.7496ZM17.9976 14.3221C17.9976 13.7146 17.6376 13.1746 17.0826 12.9346C16.4451 12.6571 15.7401 12.4996 14.9976 12.4996C14.7051 12.4996 14.4276 12.5296 14.1501 12.5746C14.4501 13.0846 14.6226 13.6696 14.6226 14.2921V15.4996H17.9976V14.3221ZM12.1776 12.2371C11.3001 11.8471 10.2201 11.5621 8.99756 11.5621C7.77506 11.5621 6.69506 11.8546 5.81756 12.2371C5.00756 12.5971 4.49756 13.4071 4.49756 14.2921V15.4996H13.4976V14.2921C13.4976 13.4071 12.9876 12.5971 12.1776 12.2371ZM6.05006 13.9996C6.11756 13.8271 6.14756 13.7071 6.73256 13.4821C7.46006 13.1971 8.22506 13.0621 8.99756 13.0621C9.77006 13.0621 10.5351 13.1971 11.2626 13.4821C11.8401 13.7071 11.8701 13.8271 11.9451 13.9996H6.05006ZM8.99756 7.99959C9.41006 7.99959 9.74756 8.33709 9.74756 8.74959C9.74756 9.16209 9.41006 9.49959 8.99756 9.49959C8.58506 9.49959 8.24756 9.16209 8.24756 8.74959C8.24756 8.33709 8.58506 7.99959 8.99756 7.99959ZM8.99756 6.49959C7.75256 6.49959 6.74756 7.50459 6.74756 8.74959C6.74756 9.99459 7.75256 10.9996 8.99756 10.9996C10.2426 10.9996 11.2476 9.99459 11.2476 8.74959C11.2476 7.50459 10.2426 6.49959 8.99756 6.49959Z" fill="#00629B"/>
237
237
  <path d="M13.6988 2.75V0.5H12.1988V2.75H9.94877V4.25H12.1988V6.5H13.6988V4.25H15.9488V2.75H13.6988Z" fill="#00629B"/>
238
238
  </symbol>
239
+ <symbol id="icon-cancel_24px" viewBox="0 0 32 32">
240
+ <path d="M16 2.667c-7.373 0-13.333 5.96-13.333 13.333s5.96 13.333 13.333 13.333c7.373 0 13.333-5.96 13.333-13.333s-5.96-13.333-13.333-13.333zM16 26.667c-5.88 0-10.667-4.787-10.667-10.667s4.787-10.667 10.667-10.667c5.88 0 10.667 4.787 10.667 10.667s-4.787 10.667-10.667 10.667zM16 14.12l4.787-4.787 1.88 1.88-4.787 4.787 4.787 4.787-1.88 1.88-4.787-4.787-4.787 4.787-1.88-1.88 4.787-4.787-4.787-4.787 1.88-1.88 4.787 4.787z"></path>
241
+ </symbol>
242
+ <symbol id="icon-trailing" viewBox="0 0 32 32">
243
+ <path fill="#49454f" style="fill: var(--color1, #49454f)" d="M25.333 8.547l-1.88-1.88-7.453 7.453-7.453-7.453-1.88 1.88 7.453 7.453-7.453 7.453 1.88 1.88 7.453-7.453 7.453 7.453 1.88-1.88-7.453-7.453 7.453-7.453z"></path>
244
+ </symbol>
239
245
  <symbol id="icon-date-picker" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
240
246
  <path d="M14.5 18C13.8 18 13.2083 17.7583 12.725 17.275C12.2417 16.7917 12 16.2 12 15.5C12 14.8 12.2417 14.2083 12.725 13.725C13.2083 13.2417 13.8 13 14.5 13C15.2 13 15.7917 13.2417 16.275 13.725C16.7583 14.2083 17 14.8 17 15.5C17 16.2 16.7583 16.7917 16.275 17.275C15.7917 17.7583 15.2 18 14.5 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z" fill="#00629B"/>
241
247
  </symbol>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/shared-styles",
3
- "version": "0.5.0",
3
+ "version": "0.5.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0"
package/styles/mixins.scss CHANGED
@@ -50,7 +50,7 @@
50
50
  .mat-mdc-form-field-focus-overlay {
51
51
  background: $ieeesa-white;
52
52
  padding: 0;
53
- border: none;
53
+ border: 0;
54
54
  .mat-mdc-form-field-infix {
55
55
  min-height: 2.375em;
56
56
  padding-top: 0.0625em;
package/styles/variables.scss CHANGED
@@ -146,6 +146,9 @@ $ieeesa-box-shadow-21: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
146
146
  $ieeesa-box-shadow-22: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
147
147
  $ieeesa-box-shadow-23: 0px 1px 0px 0px #DBE2EB inset;
148
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);
149
152
  // Angular Material mat-button styles
150
153
  $ieeesa-primary-btn-active: #00629b;
151
154
  $ieeesa-primary-btn-hover: #003e65;
@@ -209,7 +212,8 @@ $ieeesa-invalid-form-field-border: 2px solid $ieeesa-red;
209
212
  $ieeesa-ripple-border-bottom-color: #878b8f;
210
213
  $ieeesa-mat-expansion-panel-bg-color: #f3f5f7;
211
214
  $ieeesa-form-field-content-color: #49454f;
212
- $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;
213
217
  $ieeesa-breadcrumb-font-color: #787579;
214
218
  $ieeesa-data-table-head-color: #323232;
215
219
  $ieeesa-toggle-btn-group-radius: 0.25em;
@@ -218,3 +222,9 @@ $ieeesa-nav-menu-item-hover-bg-color: #dae9f1;
218
222
  $ieeesa-nav-menu-item-focus-bg-color: #c0deef;
219
223
  $ieeesa-table-footer-label: rgba(0, 0, 0, 0.60);
220
224
  $ieeesa-table-pagination-range: rgba(0, 0, 0, 0.87);
225
+ $ieeesa-chips-background: linear-gradient(
226
+ 0deg,
227
+ rgba(0, 98, 155, 0.05) 0%,
228
+ rgba(0, 98, 155, 0.05) 100%
229
+ ),
230
+ #fffbfe;