@itfin/components 2.0.43 → 2.0.44

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/assets/scss/_variables.scss +1 -1
  3. package/src/components/form/Label.vue +4 -5
  4. package/src/components/icon/new-icons/bell.svg +2 -2
  5. package/src/components/icon/new-icons/transactions_alt.svg +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "2.0.43",
3
+ "version": "2.0.44",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/assets/scss/_variables.scss CHANGED
@@ -33,7 +33,7 @@ $link-color: #1A4A97 !default;
33
33
  $input-btn-focus-width: .125rem;
34
34
 
35
35
  $input-bg: #F2F4F7 !default;
36
- $input-border-color: #F2F4F7;
36
+ $input-border-color: #E7E8EC;
37
37
  $input-border-radius: 10px;
38
38
  $input-font-size: 0.875rem;
39
39
  $input-font-family: "Fira Mono", "Courier New", monospace;
package/src/components/form/Label.vue CHANGED
@@ -6,10 +6,10 @@
6
6
  <label class="itf-label__label form-label d-flex" v-if="label">
7
7
  {{label}}
8
8
  <span class="star" v-if="required">*</span>
9
- <itf-tooltip v-if="helpTooltip" class="ms-auto align-items-center">
10
- <template #activator><itf-icon :size="16" name="question_circle" class="itf-label__tooltip" /></template>
9
+ <itf-tooltip v-if="helpTooltip" class="align-items-center">
10
+ <template #activator><itf-icon name="help" new class="itf-label__tooltip text-muted" /></template>
11
11
  {{helpTooltip}}
12
- <div><a href="javascript:;" @click="onDetailsClick" v-if="helpDetails" v-text="helpDetails"></a></div>
12
+ <div><a href="" @click.prevent.stop="onDetailsClick" v-if="helpDetails" v-text="helpDetails"></a></div>
13
13
  </itf-tooltip>
14
14
  </label>
15
15
  <div v-if="left && helpText">
@@ -76,8 +76,7 @@ class itfLabel extends Mixins(ValidatableMixin) {
76
76
  }
77
77
 
78
78
  onDetailsClick() {
79
- slavik.askQuestion(this.helpDetails);
80
- console.info(slavik, this.helpDetails)
79
+ this.$emit('details');
81
80
  }
82
81
  }
83
82
  </script>
package/src/components/icon/new-icons/bell.svg CHANGED
@@ -1,4 +1,4 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6.05926 10.2604C5.86966 7.95184 7.35815 5.83804 9.59554 5.23853C11.8329 4.63902 14.1789 5.72538 15.169 7.81944L17.7259 13.2276C17.9926 13.7916 17.6834 14.4594 17.0807 14.6209L7.80438 17.1065C7.20174 17.268 6.59999 16.8442 6.54892 16.2224L6.05926 10.2604Z" fill="white"/>
3
- <path d="M14.1503 16.4414C14.417 16.3699 14.698 16.5299 14.7012 16.806C14.7054 17.1621 14.6145 17.516 14.4334 17.8296C14.1682 18.289 13.7314 18.6242 13.219 18.7615C12.7067 18.8988 12.1608 18.8269 11.7014 18.5617C11.3878 18.3806 11.1321 18.1196 10.9577 17.8091C10.8224 17.5684 10.9858 17.2893 11.2525 17.2178L12.7014 16.8296L14.1503 16.4414Z" fill="white"/>
2
+ <path d="M6.05926 10.2604C5.86966 7.95184 7.35815 5.83804 9.59554 5.23853C11.8329 4.63902 14.1789 5.72538 15.169 7.81944L17.7259 13.2276C17.9926 13.7916 17.6834 14.4594 17.0807 14.6209L7.80438 17.1065C7.20174 17.268 6.59999 16.8442 6.54892 16.2224L6.05926 10.2604Z" fill="currentColor"/>
3
+ <path d="M14.1503 16.4414C14.417 16.3699 14.698 16.5299 14.7012 16.806C14.7054 17.1621 14.6145 17.516 14.4334 17.8296C14.1682 18.289 13.7314 18.6242 13.219 18.7615C12.7067 18.8988 12.1608 18.8269 11.7014 18.5617C11.3878 18.3806 11.1321 18.1196 10.9577 17.8091C10.8224 17.5684 10.9858 17.2893 11.2525 17.2178L12.7014 16.8296L14.1503 16.4414Z" fill="currentColor"/>
4
4
  </svg>
package/src/components/icon/new-icons/transactions_alt.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18 8L6 8" stroke="currentColor" stroke-linecap="round"/>
3
+ <path d="M9 5L6 8L9 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M15 13L18 16L15 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M18 16L6 16" stroke="currentColor" stroke-linecap="round"/>
6
+ </svg>