@nectary/labs 2.2.0 → 2.2.1

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": "@nectary/labs",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "files": [
5
5
  "**/*/*.css",
6
6
  "**/*/*.json",
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@lit-labs/scoped-registry-mixin": "^1.0.3",
20
- "@nectary/components": "4.0.0",
20
+ "@nectary/components": "4.0.1",
21
21
  "solid-element": "1.8.1",
22
22
  "solid-js": "1.8.19"
23
23
  },
@@ -186,15 +186,15 @@ const Actions = (props) => {
186
186
  return html `
187
187
  <section class="actions">
188
188
  <a inert=${() => number() === ''} target="_blank" href=${numberHref}>
189
- <sinch-icon name="fa-phone" class="icon-link" />
189
+ <sinch-icon icons-version="2" name="fa-phone" class="icon-link" />
190
190
  Call
191
191
  </a>
192
192
  <a inert=${() => url() === ''} target="_blank" href=${urlHref}>
193
- <sinch-icon name="fa-earth-americas" name="public" class="icon-link" />
193
+ <sinch-icon icons-version="2" name="fa-earth-americas" name="public" class="icon-link" />
194
194
  Website
195
195
  </a>
196
196
  <a inert=${() => email() === ''} target="_blank" href=${emailHref}>
197
- <sinch-icon name="envelope" name="mail" class="icon-link" />
197
+ <sinch-icon icons-version="2" name="envelope" name="mail" class="icon-link" />
198
198
  Email
199
199
  </a>
200
200
  </section>
@@ -219,7 +219,7 @@ const Info = (props) => {
219
219
  target="_blank"
220
220
  href=${`tel:${number}`}
221
221
  >
222
- <sinch-icon name="fa-phone" class="icon-link" />
222
+ <sinch-icon icons-version="2" name="fa-phone" class="icon-link" />
223
223
  <span>${number}</span>
224
224
  <p>${label}</p>
225
225
  </a>
@@ -228,7 +228,7 @@ const Info = (props) => {
228
228
  <${For} each=${websites}>
229
229
  ${({ label, url }) => html `
230
230
  <a inert=${() => props.websites.length === 0} target="_blank" href=${url}>
231
- <sinch-icon name="fa-earth-americas" name="public" class="icon-link" />
231
+ <sinch-icon icons-version="2" name="fa-earth-americas" name="public" class="icon-link" />
232
232
  <span>${url}</span>
233
233
  <p>${label}</p>
234
234
  </a>
@@ -241,7 +241,7 @@ const Info = (props) => {
241
241
  target="_blank"
242
242
  href=${`mailto:${address}`}
243
243
  >
244
- <sinch-icon name="envelope" name="mail" class="icon-link" />
244
+ <sinch-icon icons-version="2" name="envelope" name="mail" class="icon-link" />
245
245
  <span>${address}</span>
246
246
  <p>${label}</p>
247
247
  </a>
@@ -121,14 +121,14 @@ export const RcsChatPreview = (props) => {
121
121
  </style>
122
122
  <section class="root">
123
123
  <header>
124
- <sinch-icon name="fa-arrow-left"></sinch-icon>
124
+ <sinch-icon icons-version="2" name="fa-arrow-left"></sinch-icon>
125
125
  <img
126
126
  src=${() => (props.logo !== '' ? props.logo : transparentIcon)}
127
127
  alt=""
128
128
  />
129
129
  <h1>${() => (props.name !== '' ? props.name : 'Brand name')}</h1>
130
- <sinch-icon name="fa-shield-check" name="verified_user" />
131
- <sinch-icon name="fa-ellipsis-vertical" name="more_vert" />
130
+ <sinch-icon icons-version="2" name="fa-shield-check" name="verified_user" />
131
+ <sinch-icon icons-version="2" name="fa-ellipsis-vertical" name="more_vert" />
132
132
  </header>
133
133
  <div>
134
134
  <img
@@ -144,12 +144,12 @@ export const RcsChatPreview = (props) => {
144
144
  <//>
145
145
  </div>
146
146
  <footer>
147
- <sinch-icon name="fa-circle-plus" />
148
- <sinch-icon name="fa-camera" />
147
+ <sinch-icon icons-version="2" name="fa-circle-plus" />
148
+ <sinch-icon icons-version="2" name="fa-camera" />
149
149
  <div>
150
150
  <span>RCS Message</span>
151
- <sinch-icon name="fa-face-smile" />
152
- <sinch-icon name="microphone" name="mic" />
151
+ <sinch-icon icons-version="2" name="fa-face-smile" />
152
+ <sinch-icon icons-version="2" name="microphone" name="mic" />
153
153
  </div>
154
154
  </footer>
155
155
  </section>`;