@asd20/ui 3.2.742 → 3.2.743

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
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.742",
8
+ "version": "3.2.743",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -111,7 +111,7 @@ $factoid-fg: var(--website-card__reverse-background-color);
111
111
  font-size: 0.875rem;
112
112
  font-weight: 300;
113
113
  // text-transform: uppercase;
114
- color: $factoid-fg;
114
+ color: var(--color__primary);
115
115
  // white-space: nowrap;
116
116
  opacity: 0.75;
117
117
  }
@@ -5,7 +5,7 @@
5
5
  v-show="group.description || group.contactPhone || group.contactEmail"
6
6
  :class="classes"
7
7
  >
8
- <div class="asd20-department-contact-card__header">
8
+ <div class="asd20-department-contact-card__header">
9
9
  <h2 v-show="group.description">{{ group.title }}</h2>
10
10
  <p v-show="group.description">{{ group.description }}</p>
11
11
  </div>
@@ -65,7 +65,7 @@ export default {
65
65
  let items = []
66
66
 
67
67
  if (!this.expanded) {
68
- if(this.group.description){
68
+ if (this.group.description) {
69
69
  items.push({
70
70
  ...baseItemProps,
71
71
  icon: 'info',
@@ -81,7 +81,7 @@ export default {
81
81
  actionable: true,
82
82
  icon: 'phone-alt',
83
83
  label: 'Phone',
84
- description: `<a href='tel:${this.group.contactPhone}'>${this.group.contactPhone}</a>`,
84
+ description: this.group.contactPhone,
85
85
  link: `tel:${this.group.contactPhone}`,
86
86
  })
87
87
  }
@@ -117,9 +117,7 @@ export default {
117
117
  actionable: true,
118
118
  icon: 'email',
119
119
  label: 'Email',
120
- description: `<a href='${
121
- this.group.contactEmail
122
- }'>${this.group.contactEmail.replace('mailto:', '')}</a>`,
120
+ description: `${this.group.contactEmail.replace('mailto:', '')}`,
123
121
  link: this.group.contactEmail,
124
122
  })
125
123
  }
@@ -214,6 +212,12 @@ export default {
214
212
  margin: 0 space(-1);
215
213
  }
216
214
  }
215
+ &::v-deep .asd20-list-item--actionable {
216
+ .asd20-list-item__description {
217
+ color: blue;
218
+ text-decoration: underline;
219
+ }
220
+ }
217
221
  }
218
222
 
219
223
  @media (min-width: 1024px) {
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="asd20-salary-calculator-template">
2
+ <main class="asd20-salary-calculator-template">
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
@@ -113,7 +113,7 @@
113
113
  size="md"
114
114
  horizontal
115
115
  centered
116
- reversed
116
+ bordered
117
117
  opposite
118
118
  />
119
119
  <hr />
@@ -182,7 +182,7 @@
182
182
  >
183
183
  <slot name="page-footer" />
184
184
  </asd20-page-footer>
185
- </div>
185
+ </main>
186
186
  </template>
187
187
 
188
188
  <script>
@@ -1428,9 +1428,9 @@
1428
1428
  "group": {
1429
1429
  "title": "Communication",
1430
1430
  "id": "fa744764-9468-828f-c9ef-4a194f5058ee",
1431
- "contactEmail": "socialmedia@asd20.org",
1432
1431
  "description": "Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.",
1433
- "contactPhone": "719-234-1200"
1432
+ "contactPhone": "719-234-1200",
1433
+ "contactEmail": "mailto:communication@asd20.org"
1434
1434
  }
1435
1435
  }],
1436
1436
  "organizationOptions": [{