@formixru/b2b-ui 2.4.0 → 2.5.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +1 -1
  3. package/src/components/form/index.js +2 -2
  4. package/src/components/warning-message/index.scss +16 -60
  5. package/src/components/warning-message/index.vue +2 -1
  6. package/src/variables.scss +20 -20
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## v2.5.1
2
+
3
+ - Исправление стилей `WarningMessage`
4
+
5
+ ## v2.5.0
6
+
7
+ - Для `Form` исправлена работа атрибута `data-request` - теперь он называется `data-form-request`, чтобы избежать конфликтов с компонентом `Request`
8
+
1
9
  ## v2.4.0
2
10
 
3
11
  - `@advdominion/tooltip` обновлён до 5-й версии
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@formixru/b2b-ui",
3
- "version": "2.4.0",
3
+ "version": "2.5.1",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
package/src/components/form/index.js CHANGED
@@ -137,8 +137,8 @@ document.body.addEventListener('change', (event) => {
137
137
  const $form = target.closest('.form');
138
138
  if (target.classList.contains('form__trigger')) {
139
139
  $form.requestSubmit();
140
- } else if (target.dataset.request) {
141
- const { name, value } = JSON.parse(target.dataset.request);
140
+ } else if (target.dataset.formRequest) {
141
+ const { name, value } = JSON.parse(target.dataset.formRequest);
142
142
  $form.insertAdjacentHTML('afterbegin', `<input type="hidden" name="${name}" value="${value}">`);
143
143
  $form.requestSubmit();
144
144
  } else if (target.closest('.form__option')) {
package/src/components/warning-message/index.scss CHANGED
@@ -7,6 +7,7 @@ $b: '.warning-message';
7
7
  background-color: $warning-message-bg;
8
8
  border-radius: $warning-message-radius;
9
9
  box-shadow: $warning-message-shadow;
10
+ color: $warning-message-color;
10
11
  display: flex;
11
12
  padding: 16px 16px 24px;
12
13
 
@@ -26,34 +27,43 @@ $b: '.warning-message';
26
27
  }
27
28
 
28
29
  &_success {
30
+ color: $warning-message-success-color;
29
31
  }
30
32
 
31
33
  &_info {
34
+ color: $warning-message-info-color;
32
35
  }
33
36
 
34
37
  &_light-info {
38
+ color: $warning-message-light-info-color;
35
39
  }
36
40
 
37
41
  &_error {
42
+ color: $warning-message-error-color;
38
43
  }
39
44
 
40
45
  &_solid {
41
- background-color: $warning-message-color;
46
+ background-color: $warning-message-solid-bg;
47
+ color: $warning-message-solid-color;
42
48
 
43
49
  &#{$b}_success {
44
- background-color: $warning-message-success-color;
50
+ background-color: $warning-message-solid-success-bg;
51
+ color: $warning-message-solid-success-color;
45
52
  }
46
53
 
47
54
  &#{$b}_info {
48
- background-color: $warning-message-info-color;
55
+ background-color: $warning-message-solid-info-bg;
56
+ color: $warning-message-solid-info-color;
49
57
  }
50
58
 
51
59
  &#{$b}_light-info {
52
- background-color: $warning-message-light-info-color;
60
+ background-color: $warning-message-solid-light-info-bg;
61
+ color: $warning-message-solid-light-info-color;
53
62
  }
54
63
 
55
64
  &#{$b}_error {
56
- background-color: $warning-message-error-color;
65
+ background-color: $warning-message-solid-error-bg;
66
+ color: $warning-message-solid-error-color;
57
67
  }
58
68
  }
59
69
 
@@ -138,49 +148,11 @@ $b: '.warning-message';
138
148
  }
139
149
 
140
150
  &__title {
141
- color: $warning-message-color;
142
-
143
151
  @include font($warning-message-title-font);
144
152
 
145
153
  #{$b}_small & {
146
154
  @include font($warning-message-small-title-font);
147
155
  }
148
-
149
- #{$b}_solid & {
150
- color: $warning-message-solid-color;
151
- }
152
-
153
- #{$b}_success & {
154
- color: $warning-message-success-color;
155
- }
156
-
157
- #{$b}_solid#{$b}_success & {
158
- color: $warning-message-solid-success-color;
159
- }
160
-
161
- #{$b}_info & {
162
- color: $warning-message-info-color;
163
- }
164
-
165
- #{$b}_solid#{$b}_info & {
166
- color: $warning-message-solid-info-color;
167
- }
168
-
169
- #{$b}_light-info & {
170
- color: $warning-message-light-info-color;
171
- }
172
-
173
- #{$b}_solid#{$b}_light-info & {
174
- color: $warning-message-solid-light-info-color;
175
- }
176
-
177
- #{$b}_error & {
178
- color: $warning-message-error-color;
179
- }
180
-
181
- #{$b}_solid#{$b}_error & {
182
- color: $warning-message-solid-error-color;
183
- }
184
156
  }
185
157
 
186
158
  &__descr {
@@ -197,23 +169,7 @@ $b: '.warning-message';
197
169
  }
198
170
 
199
171
  #{$b}_solid & {
200
- color: $warning-message-solid-descr-color;
201
- }
202
-
203
- #{$b}_solid#{$b}_success & {
204
- color: $warning-message-solid-success-descr-color;
205
- }
206
-
207
- #{$b}_solid#{$b}_info & {
208
- color: $warning-message-solid-info-descr-color;
209
- }
210
-
211
- #{$b}_solid#{$b}_light-info & {
212
- color: $warning-message-solid-light-info-descr-color;
213
- }
214
-
215
- #{$b}_solid#{$b}_error & {
216
- color: $warning-message-solid-error-descr-color;
172
+ color: inherit;
217
173
  }
218
174
  }
219
175
 
package/src/components/warning-message/index.vue CHANGED
@@ -84,7 +84,8 @@ const icon = computed(() => {
84
84
  icon = 'check';
85
85
  break;
86
86
  }
87
- case 'info': {
87
+ case 'info':
88
+ case 'light-info': {
88
89
  icon = 'info';
89
90
  break;
90
91
  }
package/src/variables.scss CHANGED
@@ -1015,15 +1015,20 @@ $warning-message-color: $color-warning !default;
1015
1015
 
1016
1016
  $warning-message-small-shadow: $shadow-s !default;
1017
1017
 
1018
- $warning-message-solid-color: $font-color-inverted !default;
1019
-
1020
1018
  $warning-message-success-color: $color-success !default;
1021
- $warning-message-solid-success-color: $warning-message-solid-color !default;
1022
1019
  $warning-message-info-color: $color-primary !default;
1020
+ $warning-message-light-info-color: $color-primary-70 !default;
1021
+ $warning-message-error-color: $color-error !default;
1022
+
1023
+ $warning-message-solid-bg: $warning-message-color !default;
1024
+ $warning-message-solid-color: $font-color-inverted !default;
1025
+ $warning-message-solid-success-bg: $warning-message-success-color !default;
1026
+ $warning-message-solid-success-color: $warning-message-solid-color !default;
1027
+ $warning-message-solid-info-bg: $warning-message-info-color !default;
1023
1028
  $warning-message-solid-info-color: $warning-message-solid-color !default;
1024
- $warning-message-light-info-color: $color-primary-80 !default;
1029
+ $warning-message-solid-light-info-bg: $color-primary-80 !default;
1025
1030
  $warning-message-solid-light-info-color: $font-color-secondary !default;
1026
- $warning-message-error-color: $color-error !default;
1031
+ $warning-message-solid-error-bg: $warning-message-error-color !default;
1027
1032
  $warning-message-solid-error-color: $warning-message-solid-color !default;
1028
1033
 
1029
1034
  $warning-message-title-font: ('font-weight': bold, 'font-size': $font-size-l, 'line-height': $line-height-s) !default;
@@ -1033,22 +1038,17 @@ $warning-message-descr-font: ('font-size': $font-size, 'line-height': $line-heig
1033
1038
  $warning-message-small-descr-font: ('font-size': $font-size-xs, 'line-height': $line-height) !default;
1034
1039
 
1035
1040
  $warning-message-descr-color: $font-color-secondary !default;
1036
- $warning-message-solid-descr-color: $warning-message-solid-color !default;
1037
- $warning-message-solid-success-descr-color: $warning-message-solid-success-color !default;
1038
- $warning-message-solid-info-descr-color: $warning-message-solid-info-color !default;
1039
- $warning-message-solid-light-info-descr-color: $warning-message-solid-light-info-color !default;
1040
- $warning-message-solid-error-descr-color: $warning-message-solid-error-color !default;
1041
-
1042
- $warning-message-icon-color: $warning-message-solid-color !default;
1043
- $warning-message-solid-icon-color: $warning-message-icon-color !default;
1044
- $warning-message-success-icon-color: $warning-message-solid-success-color !default;
1045
- $warning-message-solid-success-icon-color: $warning-message-success-icon-color !default;
1046
- $warning-message-info-icon-color: $warning-message-solid-info-color !default;
1047
- $warning-message-solid-info-icon-color: $warning-message-info-icon-color !default;
1048
- $warning-message-light-info-icon-color: $color-primary-70 !default;
1041
+
1042
+ $warning-message-icon-color: $warning-message-color !default;
1043
+ $warning-message-solid-icon-color: $warning-message-solid-color !default;
1044
+ $warning-message-success-icon-color: $warning-message-success-color !default;
1045
+ $warning-message-solid-success-icon-color: $warning-message-solid-success-color !default;
1046
+ $warning-message-info-icon-color: $warning-message-info-color !default;
1047
+ $warning-message-solid-info-icon-color: $warning-message-solid-info-color !default;
1048
+ $warning-message-light-info-icon-color: $warning-message-light-info-color !default;
1049
1049
  $warning-message-solid-light-info-icon-color: $color-primary !default;
1050
- $warning-message-error-icon-color: $warning-message-solid-error-color !default;
1051
- $warning-message-solid-error-icon-color: $warning-message-error-icon-color !default;
1050
+ $warning-message-error-icon-color: $warning-message-error-color !default;
1051
+ $warning-message-solid-error-icon-color: $warning-message-solid-error-color !default;
1052
1052
 
1053
1053
  /********** Панель пустого состояния (.empty-list) **********/
1054
1054