@webitel/ui-sdk 2.0.24 → 2.0.25

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 (15) hide show
  1. package/dist/img/sprite/index.js +1 -1
  2. package/dist/ui-sdk.common.js +18 -16
  3. package/dist/ui-sdk.common.js.map +1 -1
  4. package/dist/ui-sdk.css +1 -1
  5. package/dist/ui-sdk.umd.js +18 -16
  6. package/dist/ui-sdk.umd.js.map +1 -1
  7. package/dist/ui-sdk.umd.min.js +2 -2
  8. package/dist/ui-sdk.umd.min.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/components/atoms/wt-button/wt-button.vue +5 -0
  11. package/src/components/molecules/wt-search-bar/wt-search-bar.vue +68 -68
  12. package/src/locale/en/en.js +0 -3
  13. package/src/locale/ru/ru.js +0 -3
  14. package/src/locale/ua/ua.js +0 -3
  15. package/dist/img/sprite/telegram-bot.svg +0 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "2.0.24",
3
+ "version": "2.0.25",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve-lib": "vue-cli-service serve",
package/src/components/atoms/wt-button/wt-button.vue CHANGED
@@ -10,6 +10,7 @@
10
10
  'wt-button--wide': wide,
11
11
  'wt-button--rounded': rounded,
12
12
  'wt-button--disabled': disabled,
13
+ 'wt-button--loading': loading,
13
14
  }
14
15
  ]"
15
16
  type="button"
@@ -116,6 +117,10 @@ export default {
116
117
  }
117
118
  }
118
119
 
120
+ &--loading {
121
+ pointer-events: none;
122
+ }
123
+
119
124
  &:hover,
120
125
  &:active {
121
126
  background-color: var(--btn-accent--hover-color);
package/src/components/molecules/wt-search-bar/wt-search-bar.vue CHANGED
@@ -108,86 +108,86 @@
108
108
  <style lang="scss" scoped>
109
109
  .wt-search-bar {
110
110
  cursor: text;
111
+ }
111
112
 
112
- .wt-search-bar__wrapper {
113
- position: relative;
114
- }
113
+ .wt-search-bar__wrapper {
114
+ position: relative;
115
+ }
115
116
 
116
- .wt-search-bar__search-icon {
117
- line-height: 0;
118
- position: absolute;
119
- top: 50%;
120
- left: var(--input-icon-margin);
121
- transform: translateY(-50%);
122
- pointer-events: none;
123
- }
117
+ .wt-search-bar__search-icon {
118
+ line-height: 0;
119
+ position: absolute;
120
+ top: 50%;
121
+ left: var(--input-icon-margin);
122
+ transform: translateY(-50%);
123
+ pointer-events: none;
124
+ }
124
125
 
125
- .wt-search-bar__reset-icon-btn {
126
- position: absolute;
127
- top: 50%;
128
- right: var(--input-icon-margin);
129
- transform: translateY(-50%);
126
+ .wt-search-bar__reset-icon-btn {
127
+ position: absolute;
128
+ top: 50%;
129
+ right: var(--input-icon-margin);
130
+ transform: translateY(-50%);
130
131
 
131
- .wt-search-bar:not(:focus-within) & {
132
- opacity: 0;
133
- pointer-events: none;
134
- }
132
+ .wt-search-bar:not(:focus-within) & {
133
+ opacity: 0;
134
+ pointer-events: none;
135
135
  }
136
+ }
136
137
 
137
- .wt-search-bar__input {
138
- @extend %typo-body-1;
139
- @include wt-placeholder;
140
-
141
- display: block;
142
- width: 100%;
143
- box-sizing: border-box;
144
- padding: var(--search-bar-padding);
145
- color: var(--form-input-color);
146
- border: var(--input-border);
147
- border-color: var(--form-border-color);
148
- border-radius: var(--border-radius);
149
- transition: var(--transition);
150
-
151
- &:focus {
152
- @include wt-placeholder('focus');
153
- border-color: var(--form-border--hover-color);
154
- }
155
-
156
- .wt-search-bar--outline & {
157
- border-color: var(--form-outline-border-color);
158
- }
159
-
160
- .wt-search-bar--outline:hover &,
161
- .wt-search-bar--outline &:focus {
162
- border-color: var(--form-outline-border--hover-color);
163
- }
138
+ .wt-search-bar__input {
139
+ @extend %typo-body-1;
140
+ @include wt-placeholder;
141
+
142
+ display: block;
143
+ width: 100%;
144
+ box-sizing: border-box;
145
+ padding: var(--search-bar-padding);
146
+ color: var(--form-input-color);
147
+ border: var(--input-border);
148
+ border-color: var(--form-border-color);
149
+ border-radius: var(--border-radius);
150
+ transition: var(--transition);
151
+
152
+ &:focus {
153
+ @include wt-placeholder('focus');
154
+ border-color: var(--form-border--hover-color);
164
155
  }
165
156
 
166
- /* make icons black */
167
- .wt-search-bar:hover ::v-deep .wt-icon__icon,
168
- .wt-search-bar:focus-within ::v-deep .wt-icon__icon {
169
- fill: var(--icon-color--hover);
157
+ .wt-search-bar--outline & {
158
+ border-color: var(--form-outline-border-color);
170
159
  }
171
160
 
172
- /* clears the 'X' from Internet Explorer */
173
- .wt-search-bar__input::-ms-clear {
174
- display: none;
175
- width: 0;
176
- height: 0;
161
+ .wt-search-bar--outline:hover &,
162
+ .wt-search-bar--outline &:focus {
163
+ border-color: var(--form-outline-border--hover-color);
177
164
  }
165
+ }
178
166
 
179
- .wt-search-bar__input::-ms-reveal {
180
- display: none;
181
- width: 0;
182
- height: 0;
183
- }
167
+ /* make icons black */
168
+ .wt-search-bar:hover ::v-deep .wt-icon__icon,
169
+ .wt-search-bar:focus-within ::v-deep .wt-icon__icon {
170
+ fill: var(--icon-color--hover);
171
+ }
184
172
 
185
- /* clears the 'X' from Chrome */
186
- .wt-search-bar__input::-webkit-search-decoration,
187
- .wt-search-bar__input::-webkit-search-cancel-button,
188
- .wt-search-bar__input::-webkit-search-results-button,
189
- .wt-search-bar__input::-webkit-search-results-decoration {
190
- display: none;
191
- }
173
+ /* clears the 'X' from Internet Explorer */
174
+ .wt-search-bar__input::-ms-clear {
175
+ display: none;
176
+ width: 0;
177
+ height: 0;
178
+ }
179
+
180
+ .wt-search-bar__input::-ms-reveal {
181
+ display: none;
182
+ width: 0;
183
+ height: 0;
184
+ }
185
+
186
+ /* clears the 'X' from Chrome */
187
+ .wt-search-bar__input::-webkit-search-decoration,
188
+ .wt-search-bar__input::-webkit-search-cancel-button,
189
+ .wt-search-bar__input::-webkit-search-results-button,
190
+ .wt-search-bar__input::-webkit-search-results-decoration {
191
+ display: none;
192
192
  }
193
193
  </style>
package/src/locale/en/en.js CHANGED
@@ -55,9 +55,6 @@ export default {
55
55
  time: 'Time',
56
56
  channel: 'Channel',
57
57
  file: 'File',
58
- logout: 'Logout',
59
- priority: 'Priority',
60
- variables: 'Variable | Variables',
61
58
  },
62
59
  // date-related texts
63
60
  date: {
package/src/locale/ru/ru.js CHANGED
@@ -54,9 +54,6 @@ export default {
54
54
  time: 'Время',
55
55
  channel: 'Канал',
56
56
  file: 'Файл',
57
- logout: 'Выйти',
58
- priority: 'Приоритет',
59
- variables: 'Переменная | Переменные',
60
57
  },
61
58
  // date-related texts
62
59
  date: {
package/src/locale/ua/ua.js CHANGED
@@ -54,9 +54,6 @@ export default {
54
54
  time: 'Час',
55
55
  channel: 'Канал',
56
56
  file: 'Файл',
57
- logout: 'Вийти',
58
- priority: 'Приорітет',
59
- variables: 'Змінна | Змінні',
60
57
  },
61
58
  // date-related texts
62
59
  date: {
package/dist/img/sprite/telegram-bot.svg DELETED
@@ -1,7 +0,0 @@
1
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="24" height="24" fill="white"/>
3
- <circle cx="12" cy="12" r="10" fill="#1899CD"/>
4
- <path d="M10 12.5C10 13.0523 9.55229 13.5 9 13.5C8.44771 13.5 8 13.0523 8 12.5C8 11.9477 8.44771 11.5 9 11.5C9.55229 11.5 10 11.9477 10 12.5Z" fill="white"/>
5
- <path d="M15 13.5C15.5523 13.5 16 13.0523 16 12.5C16 11.9477 15.5523 11.5 15 11.5C14.4477 11.5 14 11.9477 14 12.5C14 13.0523 14.4477 13.5 15 13.5Z" fill="white"/>
6
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19 12.5C19 14.9853 15.866 17 12 17C8.13401 17 5 14.9853 5 12.5V8.5C5 8.22386 5.22386 8 5.5 8C5.77614 8 6 8.22386 6 8.5V9.52255C7.05079 8.10191 8.97713 7 12 7C15.0229 7 16.9492 8.10191 18 9.52255V8.5C18 8.22386 18.2239 8 18.5 8C18.7761 8 19 8.22386 19 8.5V12.5ZM7 12.5C7 11.6716 7.67157 11 8.5 11H15.5C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14H8.5C7.67157 14 7 13.3284 7 12.5Z" fill="white"/>
7
- </svg>