@asd20/ui 3.2.1027 → 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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/molecules/Asd20Share/index.vue +1 -1
  3. package/src/components/organisms/Asd20ImageHeader/index.vue +15 -14
  4. package/src/components/organisms/Asd20NotificationGroup/index.vue +1 -1
  5. package/src/components/organisms/Asd20PageHeader/index.vue +12 -6
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.1027",
8
+ "version": "3.2.1028",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/molecules/Asd20Share/index.vue CHANGED
@@ -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
package/src/components/organisms/Asd20ImageHeader/index.vue CHANGED
@@ -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
  }
package/src/components/organisms/Asd20NotificationGroup/index.vue CHANGED
@@ -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
 
package/src/components/organisms/Asd20PageHeader/index.vue CHANGED
@@ -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