@ieeesa-npm/shared-styles 0.0.4 → 0.0.5

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 +47 -0
  2. package/package.json +1 -1
  3. package/styles/theme.scss +9 -5
  4. package/styles/variables.scss +16 -2
package/assets/images/sprites/sprites.svg CHANGED
@@ -30,5 +30,52 @@
30
30
  <symbol id="icon-submittals" viewBox="0 0 28 32">
31
31
  <path fill="#525252" style="fill: var(--color1, #525252)" d="M9.245 15.689v-1.867h9.956v1.867h-9.956zM9.245 10.711v-1.867h9.956v1.867h-9.956zM6.134 18.8h9.956c0.548 0 1.059 0.124 1.531 0.373s0.875 0.581 1.207 0.996l3.484 4.542v-19.289h-16.178v13.378zM6.134 26.578h15.244l-4.013-5.258c-0.157-0.205-0.346-0.365-0.569-0.48s-0.458-0.173-0.707-0.173h-9.956v5.911zM22.312 28.444h-16.178c-0.498 0-0.933-0.187-1.307-0.56s-0.56-0.809-0.56-1.307v-21.156c0-0.498 0.187-0.933 0.56-1.307s0.809-0.56 1.307-0.56h16.178c0.498 0 0.933 0.187 1.307 0.56s0.56 0.809 0.56 1.307v21.156c0 0.498-0.187 0.933-0.56 1.307s-0.809 0.56-1.307 0.56z"></path>
32
32
  </symbol>
33
+ <symbol id="icon-expand-collapse-minus" viewBox="0 0 32 32">
34
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M9.333 16.9h13.333v-2h-13.333v2zM16 29.333c-1.822 0-3.544-0.35-5.167-1.050s-3.039-1.656-4.25-2.867c-1.211-1.211-2.167-2.628-2.867-4.25s-1.050-3.344-1.050-5.167c0-1.844 0.35-3.578 1.050-5.2s1.656-3.033 2.867-4.233c1.211-1.2 2.628-2.15 4.25-2.85s3.344-1.050 5.167-1.050c1.844 0 3.578 0.35 5.2 1.050s3.033 1.65 4.233 2.85c1.2 1.2 2.15 2.611 2.85 4.233s1.050 3.356 1.050 5.2c0 1.822-0.35 3.544-1.050 5.167s-1.65 3.039-2.85 4.25c-1.2 1.211-2.611 2.167-4.233 2.867s-3.356 1.050-5.2 1.050zM16 27.333c3.156 0 5.833-1.105 8.033-3.317s3.3-4.883 3.3-8.017c0-3.156-1.1-5.833-3.3-8.033s-4.878-3.3-8.033-3.3c-3.133 0-5.806 1.1-8.017 3.3s-3.317 4.878-3.317 8.033c0 3.133 1.106 5.806 3.317 8.017s4.883 3.317 8.017 3.317z"></path>
35
+ </symbol>
36
+ <symbol id="icon-expand-collapse-plus" viewBox="0 0 32 32">
37
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M15.1 22.667h2v-5.533h5.567v-2h-5.567v-5.8h-2v5.8h-5.767v2h5.767v5.533zM16.009 29.333c-1.839 0-3.566-0.35-5.183-1.050s-3.031-1.656-4.242-2.867-2.167-2.626-2.867-4.245c-0.7-1.619-1.050-3.348-1.050-5.189s0.35-3.57 1.050-5.189 1.656-3.028 2.867-4.228c1.211-1.2 2.626-2.15 4.245-2.85s3.348-1.050 5.189-1.050c1.84 0 3.57 0.35 5.189 1.050s3.028 1.65 4.228 2.85c1.2 1.2 2.15 2.611 2.85 4.233s1.050 3.353 1.050 5.191c0 1.839-0.35 3.566-1.050 5.183s-1.65 3.029-2.85 4.236c-1.2 1.207-2.611 2.163-4.233 2.867s-3.353 1.056-5.191 1.056zM16.017 27.333c3.144 0 5.817-1.105 8.017-3.317s3.3-4.889 3.3-8.033-1.098-5.817-3.294-8.017c-2.196-2.2-4.876-3.3-8.040-3.3-3.133 0-5.806 1.098-8.017 3.294s-3.317 4.876-3.317 8.040c0 3.133 1.106 5.806 3.317 8.017s4.889 3.317 8.033 3.317z"></path>
38
+ </symbol>
39
+ <symbol id="icon-create-group" viewBox="0 0 32 32">
40
+ <path fill="#fffbfe" style="fill: var(--color1, #fffbfe)" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
41
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" opacity="0.11" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
42
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" d="M10.182 18.909c0.8 0 1.455-0.655 1.455-1.455s-0.655-1.455-1.455-1.455c-0.8 0-1.455 0.655-1.455 1.455s0.655 1.455 1.455 1.455zM11.004 19.709c-0.269-0.044-0.538-0.073-0.822-0.073-0.72 0-1.404 0.153-2.022 0.422-0.538 0.233-0.887 0.756-0.887 1.345v1.142h3.273v-1.171c0-0.604 0.167-1.171 0.458-1.665zM21.818 18.909c0.8 0 1.455-0.655 1.455-1.455s-0.655-1.455-1.455-1.455c-0.8 0-1.455 0.655-1.455 1.455s0.655 1.455 1.455 1.455zM24.727 21.403c0-0.589-0.349-1.113-0.887-1.345-0.618-0.269-1.302-0.422-2.022-0.422-0.284 0-0.553 0.029-0.822 0.073 0.291 0.495 0.458 1.062 0.458 1.665v1.171h3.273v-1.142zM19.084 19.382c-0.851-0.378-1.898-0.655-3.084-0.655s-2.233 0.284-3.084 0.655c-0.785 0.349-1.28 1.135-1.28 1.993v1.171h8.727v-1.171c0-0.858-0.495-1.644-1.28-1.993zM13.142 21.091c0.065-0.167 0.095-0.284 0.662-0.502 0.705-0.276 1.447-0.407 2.196-0.407s1.491 0.131 2.196 0.407c0.56 0.218 0.589 0.335 0.662 0.502h-5.716zM16 15.273c0.4 0 0.727 0.327 0.727 0.727s-0.327 0.727-0.727 0.727c-0.4 0-0.727-0.327-0.727-0.727s0.327-0.727 0.727-0.727zM16 13.818c-1.207 0-2.182 0.975-2.182 2.182s0.975 2.182 2.182 2.182c1.207 0 2.182-0.975 2.182-2.182s-0.975-2.182-2.182-2.182z"></path>
43
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" d="M20.559 10.182v-2.182h-1.455v2.182h-2.182v1.455h2.182v2.182h1.455v-2.182h2.182v-1.455h-2.182z"></path>
44
+ </symbol>
45
+ <symbol id="icon-edit-group" viewBox="0 0 32 32">
46
+ <path fill="#fffbfe" style="fill: var(--color1, #fffbfe)" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
47
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" opacity="0.11" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
48
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" d="M21.135 9.156l0.982 0.982c0.575 0.567 0.575 1.491 0 2.058l-9.622 9.622h-3.040v-3.040l9.622-9.622c0.567-0.567 1.491-0.567 2.058 0zM10.909 20.364l1.025 0.044 7.142-7.149-1.025-1.025-7.142 7.142v0.989z"></path>
49
+ </symbol>
50
+ <symbol id="icon-roster" viewBox="0 0 32 32">
51
+ <path fill="#fffbfe" style="fill: var(--color1, #fffbfe)" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
52
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" opacity="0.11" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
53
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" d="M15.273 11.636h4.364v1.455h-4.364v-1.455zM15.273 14.545h4.364v1.455h-4.364v-1.455zM15.273 17.455h4.364v1.455h-4.364v-1.455zM12.364 11.636h1.455v1.455h-1.455v-1.455zM12.364 14.545h1.455v1.455h-1.455v-1.455zM12.364 17.455h1.455v1.455h-1.455v-1.455zM21.891 8.727h-11.782c-0.364 0-0.655 0.291-0.655 0.655v11.782c0 0.291 0.291 0.655 0.655 0.655h11.782c0.291 0 0.655-0.364 0.655-0.655v-11.782c0-0.364-0.364-0.655-0.655-0.655zM21.091 20.364h-10.182v-10.182h10.182v10.182z"></path>
54
+ </symbol>
55
+ <symbol id="icon-remove-group" viewBox="0 0 32 32">
56
+ <path fill="#fffbfe" style="fill: var(--color1, #fffbfe)" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
57
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" opacity="0.11" d="M5.818 0.727h20.364c2.41 0 4.364 1.954 4.364 4.364v20.364c0 2.41-1.954 4.364-4.364 4.364h-20.364c-2.41 0-4.364-1.954-4.364-4.364v-20.364c0-2.41 1.954-4.364 4.364-4.364z"></path>
58
+ <path fill="#00629b" style="fill: var(--color2, #00629b)" d="M18.182 8.727v0.727h3.636v1.455h-0.727v9.455c0 0.8-0.655 1.455-1.455 1.455h-7.273c-0.8 0-1.455-0.655-1.455-1.455v-9.455h-0.727v-1.455h3.636v-0.727h4.364zM12.364 20.364h7.273v-9.455h-7.273v9.455zM13.818 12.364h1.455v6.545h-1.455v-6.545zM18.182 12.364h-1.455v6.545h1.455v-6.545z"></path>
59
+ </symbol>
60
+ <symbol id="icon-add-group" viewBox="0 0 38 32">
61
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M6.4 24c1.76 0 3.2-1.44 3.2-3.2s-1.44-3.2-3.2-3.2c-1.76 0-3.2 1.44-3.2 3.2s1.44 3.2 3.2 3.2zM8.208 25.76c-0.592-0.096-1.184-0.16-1.808-0.16-1.584 0-3.088 0.336-4.448 0.928-1.184 0.512-1.952 1.664-1.952 2.96v2.512h7.2v-2.576c0-1.328 0.368-2.576 1.008-3.664zM32 24c1.76 0 3.2-1.44 3.2-3.2s-1.44-3.2-3.2-3.2c-1.76 0-3.2 1.44-3.2 3.2s1.44 3.2 3.2 3.2zM38.4 29.488c0-1.296-0.768-2.448-1.952-2.96-1.36-0.592-2.864-0.928-4.448-0.928-0.624 0-1.216 0.064-1.808 0.16 0.64 1.088 1.008 2.336 1.008 3.664v2.576h7.2v-2.512zM25.984 25.040c-1.872-0.832-4.176-1.44-6.784-1.44s-4.912 0.624-6.784 1.44c-1.728 0.768-2.816 2.496-2.816 4.384v2.576h19.2v-2.576c0-1.888-1.088-3.616-2.816-4.384zM12.912 28.8c0.144-0.368 0.208-0.624 1.456-1.104 1.552-0.608 3.184-0.896 4.832-0.896s3.28 0.288 4.832 0.896c1.232 0.48 1.296 0.736 1.456 1.104h-12.576zM19.2 16c0.88 0 1.6 0.72 1.6 1.6s-0.72 1.6-1.6 1.6c-0.88 0-1.6-0.72-1.6-1.6s0.72-1.6 1.6-1.6zM19.2 12.8c-2.656 0-4.8 2.144-4.8 4.8s2.144 4.8 4.8 4.8c2.656 0 4.8-2.144 4.8-4.8s-2.144-4.8-4.8-4.8z"></path>
62
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M29.229 4.8v-4.8h-3.2v4.8h-4.8v3.2h4.8v4.8h3.2v-4.8h4.8v-3.2h-4.8z"></path>
63
+ </symbol>
64
+ <symbol id="icon-delete" viewBox="0 0 28 32">
65
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M19.556 0v1.778h8.889v3.556h-1.778v23.111c0 1.956-1.6 3.556-3.556 3.556h-17.778c-1.956 0-3.556-1.6-3.556-3.556v-23.111h-1.778v-3.556h8.889v-1.778h10.667zM5.333 28.444h17.778v-23.111h-17.778v23.111zM8.889 8.889h3.556v16h-3.556v-16zM19.556 8.889h-3.556v16h3.556v-16z"></path>
66
+ </symbol>
67
+ <symbol id="icon-modify-group" viewBox="0 0 34 32">
68
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M28.551 1.049l2.4 2.4c1.404 1.387 1.404 3.644 0 5.031l-23.52 23.52h-7.431v-7.431l23.52-23.52c1.387-1.387 3.644-1.387 5.031 0zM3.556 28.444l2.507 0.107 17.458-17.476-2.507-2.507-17.458 17.458v2.418z"></path>
69
+ </symbol>
70
+ <symbol id="icon-view-rosters" viewBox="0 0 32 32">
71
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M14.222 7.111h10.667v3.556h-10.667v-3.556zM14.222 14.222h10.667v3.556h-10.667v-3.556zM14.222 21.333h10.667v3.556h-10.667v-3.556zM7.111 7.111h3.556v3.556h-3.556v-3.556zM7.111 14.222h3.556v3.556h-3.556v-3.556zM7.111 21.333h3.556v3.556h-3.556v-3.556zM30.4 0h-28.8c-0.889 0-1.6 0.711-1.6 1.6v28.8c0 0.711 0.711 1.6 1.6 1.6h28.8c0.711 0 1.6-0.889 1.6-1.6v-28.8c0-0.889-0.889-1.6-1.6-1.6zM28.444 28.444h-24.889v-24.889h24.889v24.889z"></path>
72
+ </symbol>
73
+ <symbol id="icon-create-group-white-bg" viewBox="0 0 32 32">
74
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M5.333 22.666c1.467 0 2.667-1.2 2.667-2.667s-1.2-2.667-2.667-2.667c-1.467 0-2.667 1.2-2.667 2.667s1.2 2.667 2.667 2.667zM6.84 24.133c-0.493-0.080-0.987-0.133-1.507-0.133-1.32 0-2.573 0.28-3.707 0.773-0.987 0.427-1.627 1.387-1.627 2.467v2.093h6v-2.147c0-1.107 0.307-2.147 0.84-3.053zM26.667 22.666c1.467 0 2.667-1.2 2.667-2.667s-1.2-2.667-2.667-2.667c-1.467 0-2.667 1.2-2.667 2.667s1.2 2.667 2.667 2.667zM32 27.24c0-1.080-0.64-2.040-1.627-2.467-1.133-0.493-2.387-0.773-3.707-0.773-0.52 0-1.013 0.053-1.507 0.133 0.533 0.907 0.84 1.947 0.84 3.053v2.147h6v-2.093zM21.653 23.533c-1.56-0.693-3.48-1.2-5.653-1.2s-4.093 0.52-5.653 1.2c-1.44 0.64-2.347 2.080-2.347 3.653v2.147h16v-2.147c0-1.573-0.907-3.013-2.347-3.653zM10.76 26.666c0.12-0.307 0.173-0.52 1.213-0.92 1.293-0.507 2.653-0.747 4.027-0.747s2.733 0.24 4.027 0.747c1.027 0.4 1.080 0.613 1.213 0.92h-10.48zM16 16c0.733 0 1.333 0.6 1.333 1.333s-0.6 1.333-1.333 1.333c-0.733 0-1.333-0.6-1.333-1.333s0.6-1.333 1.333-1.333zM16 13.333c-2.213 0-4 1.787-4 4s1.787 4 4 4c2.213 0 4-1.787 4-4s-1.787-4-4-4z"></path>
75
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M24.358 6.667v-4h-2.667v4h-4v2.667h4v4h2.667v-4h4v-2.667h-4z"></path>
76
+ </symbol>
77
+ <symbol id="icon-sort" viewBox="0 0 32 32">
78
+ <path fill="#00629b" style="fill: var(--color1, #00629b)" d="M4 24h8v-2.667h-8v2.667zM4 8v2.667h24v-2.667h-24zM4 17.333h16v-2.667h-16v2.667z"></path>
79
+ </symbol>
33
80
  </defs>
34
81
  </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/shared-styles",
3
- "version": "0.0.4",
3
+ "version": "0.0.5",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0"
package/styles/theme.scss CHANGED
@@ -128,11 +128,15 @@
128
128
  }
129
129
  }
130
130
  }
131
- // modal component styles
131
+ // Modal component styles
132
132
  .cdk-overlay-pane {
133
- width: 100%;
134
- min-width: 312px;
135
- }
133
+ &.ieeesa-modal-confirm-dialog,
134
+ &.ieeesa-modal-dialog,
135
+ &.ieeesa-alert-dialog {
136
+ width: 100%;
137
+ min-width: 312px;
138
+ }
139
+ }
136
140
 
137
141
  .mat-mdc-form-field {
138
142
  @include set-font-style(
@@ -144,4 +148,4 @@
144
148
  $ieeesa-on-surface-variant-color,
145
149
  $ieeesa-letter-space-point-5
146
150
  );
147
- }
151
+ }
package/styles/variables.scss CHANGED
@@ -102,8 +102,16 @@ $ieeesa-box-shadow-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15),
102
102
  $ieeesa-box-shadow-6: 0px 1px 3px rgba(0, 0, 0, 0.12),
103
103
  0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
104
104
  $ieeesa-box-shadow-7: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
105
- $ieeesa-box-shadow-8: 0px 3px 0px 0px #11B7E5 inset, 0px 4px 24px 0px rgba(0, 0, 0, 0.50);
105
+ $ieeesa-box-shadow-8: 0px 3px 0px 0px #11b7e5 inset,
106
+ 0px 4px 24px 0px rgba(0, 0, 0, 0.5);
106
107
  $ieeesa-box-inner-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25) inset;
108
+ $ieeesa-groups-box-shadow: 0px 1px 0px 0px #c9cbd0 inset,
109
+ 6px 0px 0px 0px #379dfc inset;
110
+ $ieeesa-groups-white-bg-box-shadow: 0px 1px 0px 0px #00b5e2 inset,
111
+ 6px 0px 0px 0px #379dfc inset;
112
+ $ieeesa-box-shadow-7: 0px 3px 0px 0px #11b7e5 inset,
113
+ 0px 4px 24px 0px rgba(0, 0, 0, 0.5);
114
+ $ieeesa-box-shadow-9: 0px 0px 4px 0px rgba(0, 0, 0, 0.5) inset;
107
115
  // Angular Material mat-button styles
108
116
  $ieeesa-primary-btn-active: #00629b;
109
117
  $ieeesa-primary-btn-hover: #003e65;
@@ -120,10 +128,16 @@ $ieeesa-opacity-point-38: 0.38;
120
128
  $ieeesa-primary-brand-10: #002c37;
121
129
  $ieeesa-primary-brand-30: #0188aa;
122
130
  $ieeesa-brand-grey-50: #777a7e;
131
+ $ieeesa-brand-grey-70: #9ba0a6;
123
132
  $ieeesa-outline-variant: #cac4d0;
124
133
  $ieeesa-dark-grey: #63666a;
125
134
  $ieeesa-neutral-variant-50: #79747e;
126
135
  $ieeesa-success-color: #c0deef;
127
136
  $ieeesa-error-color: #f9dedc;
128
137
  $ieeesa-warning-color: #ffefd3;
129
- $ieeesa-form-field-background: linear-gradient(0deg, rgba(0, 98, 155, 0.05) 0%, rgba(0, 98, 155, 0.05) 100%), #FFFBFE;
138
+ $ieeesa-form-field-background: linear-gradient(
139
+ 0deg,
140
+ rgba(0, 98, 155, 0.05) 0%,
141
+ rgba(0, 98, 155, 0.05) 100%
142
+ ),
143
+ #fffbfe;