@asd20/ui 3.2.1026 → 3.2.1028

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.1026",
8
+ "version": "3.2.1028",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -2,7 +2,7 @@
2
2
  <div class="asd20-share">
3
3
  <asd20-button
4
4
  icon="share-alt"
5
- size="sm"
5
+ size="md"
6
6
  label="Share"
7
7
  horizontal
8
8
  hide-label
@@ -213,14 +213,8 @@ export default {
213
213
  isDetailPage() {
214
214
  if (typeof window === 'undefined') return false
215
215
  return (
216
- window.location.pathname
217
- .replace(/\/$/, '')
218
- .split('/')
219
- .pop() ===
220
- this.detailLink
221
- .replace(/\/$/, '')
222
- .split('/')
223
- .pop()
216
+ window.location.pathname.replace(/\/$/, '').split('/').pop() ===
217
+ this.detailLink.replace(/\/$/, '').split('/').pop()
224
218
  )
225
219
  },
226
220
  styles() {
@@ -314,6 +308,12 @@ export default {
314
308
  font-size: 0.875em !important;
315
309
  padding-right: 0.5rem;
316
310
  }
311
+ &::v-deep .asd20-icon {
312
+ width: 32px !important;
313
+ height: 32px !important;
314
+ --line-color: var(--website-icon__icon-line-color) !important;
315
+ --fill-color: var(--website-menu__icon-fill-color) !important;
316
+ }
317
317
  &:hover,
318
318
  &:focus {
319
319
  color: var(--website-button__foreground-color);
@@ -327,17 +327,18 @@ export default {
327
327
  padding: 0 1em 0 0.5em;
328
328
  &::v-deep .asd20-select-input {
329
329
  color: var(--website-page__foreground-color) !important;
330
+ .asd20-icon {
331
+ width: 32px !important;
332
+ height: 32px !important;
333
+ --line-color: var(--website-icon__icon-line-color) !important;
334
+ --fill-color: var(--website-menu__icon-fill-color) !important;
335
+ }
330
336
  }
331
337
  }
332
338
  .asd20-language-loader {
333
339
  order: 1;
334
340
  }
335
- &::v-deep .asd20-icon {
336
- width: 32px !important;
337
- height: 32px !important;
338
- --line-color: var(--website-icon__icon-line-color) !important;
339
- --fill-color: var(--website-menu__icon-fill-color) !important;
340
- }
341
+
341
342
  &::v-deep .asd20-select-input {
342
343
  margin-bottom: 0;
343
344
  }
@@ -292,7 +292,7 @@ export default {
292
292
  // color: #000000;
293
293
  // fill: #80B3C0;
294
294
  // fill: var(--color__accent);
295
- color: var(--website-menu__icon-line-color) !important;
295
+ color: var(--website-icon__icon-line-color) !important;
296
296
  fill: var(--website-menu__icon-fill-color) !important;
297
297
  }
298
298
 
@@ -338,6 +338,12 @@ export default {
338
338
  font-size: 0.875em !important;
339
339
  padding-right: 0.5rem;
340
340
  }
341
+ &::v-deep .asd20-icon {
342
+ width: 32px !important;
343
+ height: 32px !important;
344
+ --line-color: var(--website-icon__icon-line-color) !important;
345
+ --fill-color: var(--website-menu__icon-fill-color) !important;
346
+ }
341
347
  &:hover,
342
348
  &:focus {
343
349
  color: var(--website-button__foreground-color);
@@ -349,12 +355,12 @@ export default {
349
355
  background: rgba(255, 255, 255, 0.9);
350
356
  border-radius: 3rem;
351
357
  padding: 0 1em 0 0.5em;
352
- }
353
- &::v-deep .asd20-icon {
354
- width: 32px !important;
355
- height: 32px !important;
356
- --line-color: var(--website-icon__icon-line-color) !important;
357
- --fill-color: var(--website-menu__icon-fill-color) !important;
358
+ &::v-deep .asd20-icon {
359
+ width: 32px !important;
360
+ height: 32px !important;
361
+ --line-color: var(--website-icon__icon-line-color) !important;
362
+ --fill-color: var(--website-menu__icon-fill-color) !important;
363
+ }
358
364
  }
359
365
  }
360
366
 
@@ -262,7 +262,7 @@ export default {
262
262
  &__overlay-label {
263
263
  display: none;
264
264
  }
265
- .asd20-icon {
265
+ &::v-deep .asd20-icon {
266
266
  width: 32px !important;
267
267
  height: 32px !important;
268
268
  --line-color: var(--website-icon__icon-line-color) !important;
@@ -275,7 +275,7 @@ export default {
275
275
  &__overlay-label {
276
276
  // display: none;
277
277
  }
278
- .asd20-icon {
278
+ &::v-deep .asd20-icon {
279
279
  width: 32px !important;
280
280
  height: 32px !important;
281
281
  --line-color: var(--website-icon__icon-line-color) !important;
@@ -304,7 +304,7 @@ export default {
304
304
  &__field-wrapper {
305
305
  padding: 0 0.5rem;
306
306
  }
307
- .asd20-icon {
307
+ &::v-deep .asd20-icon {
308
308
  width: 32px !important;
309
309
  height: 32px !important;
310
310
  --line-color: var(--website-icon__icon-line-color) !important;
@@ -259,7 +259,7 @@ export default {
259
259
  &__overlay-label {
260
260
  // display: none;
261
261
  }
262
- .asd20-icon {
262
+ &::v-deep .asd20-icon {
263
263
  width: 32px !important;
264
264
  height: 32px !important;
265
265
  --line-color: var(--website-icon__icon-line-color) !important;