@hh.ru/magritte-ui-tag 2.0.12 → 2.0.13

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 (3) hide show
  1. package/Tag.js +1 -1
  2. package/index.css +162 -161
  3. package/package.json +5 -5
package/Tag.js CHANGED
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
 
5
- var styles = {"tag":"magritte-tag___WdGxk_2-0-12","tag_style-neutral":"magritte-tag_style-neutral___cw1Bt_2-0-12","tagStyleNeutral":"magritte-tag_style-neutral___cw1Bt_2-0-12","tag__label":"magritte-tag__label___YHV-o_2-0-12","tagLabel":"magritte-tag__label___YHV-o_2-0-12","tag_state-disabled":"magritte-tag_state-disabled___2su23_2-0-12","tagStateDisabled":"magritte-tag_state-disabled___2su23_2-0-12","tag_style-positive":"magritte-tag_style-positive___o2Zfe_2-0-12","tagStylePositive":"magritte-tag_style-positive___o2Zfe_2-0-12","tag_style-negative":"magritte-tag_style-negative___-HbQe_2-0-12","tagStyleNegative":"magritte-tag_style-negative___-HbQe_2-0-12","tag_style-special":"magritte-tag_style-special___-IqT-_2-0-12","tagStyleSpecial":"magritte-tag_style-special___-IqT-_2-0-12","tag_style-warning":"magritte-tag_style-warning___4xBGB_2-0-12","tagStyleWarning":"magritte-tag_style-warning___4xBGB_2-0-12","tag_size-medium":"magritte-tag_size-medium___Splpy_2-0-12","tagSizeMedium":"magritte-tag_size-medium___Splpy_2-0-12","tag_size-large":"magritte-tag_size-large___SWuug_2-0-12","tagSizeLarge":"magritte-tag_size-large___SWuug_2-0-12","tag__icon":"magritte-tag__icon___Avk97_2-0-12","tagIcon":"magritte-tag__icon___Avk97_2-0-12"};
5
+ var styles = {"tag":"magritte-tag___WdGxk_2-0-13","tag_style-neutral":"magritte-tag_style-neutral___cw1Bt_2-0-13","tagStyleNeutral":"magritte-tag_style-neutral___cw1Bt_2-0-13","tag__label":"magritte-tag__label___YHV-o_2-0-13","tagLabel":"magritte-tag__label___YHV-o_2-0-13","tag_state-disabled":"magritte-tag_state-disabled___2su23_2-0-13","tagStateDisabled":"magritte-tag_state-disabled___2su23_2-0-13","tag_style-positive":"magritte-tag_style-positive___o2Zfe_2-0-13","tagStylePositive":"magritte-tag_style-positive___o2Zfe_2-0-13","tag_style-negative":"magritte-tag_style-negative___-HbQe_2-0-13","tagStyleNegative":"magritte-tag_style-negative___-HbQe_2-0-13","tag_style-special":"magritte-tag_style-special___-IqT-_2-0-13","tagStyleSpecial":"magritte-tag_style-special___-IqT-_2-0-13","tag_style-warning":"magritte-tag_style-warning___4xBGB_2-0-13","tagStyleWarning":"magritte-tag_style-warning___4xBGB_2-0-13","tag_size-medium":"magritte-tag_size-medium___Splpy_2-0-13","tagSizeMedium":"magritte-tag_size-medium___Splpy_2-0-13","tag_size-large":"magritte-tag_size-large___SWuug_2-0-13","tagSizeLarge":"magritte-tag_size-large___SWuug_2-0-13","tag__icon":"magritte-tag__icon___Avk97_2-0-13","tagIcon":"magritte-tag__icon___Avk97_2-0-13"};
6
6
 
7
7
  const SIZE_TO_CSS = {
8
8
  large: styles.tagSizeLarge,
package/index.css CHANGED
@@ -1,204 +1,205 @@
1
1
  :root{
2
- --magritte-color-component-tag-background-neutral-v18-1-1:#F1F4F9;
3
- --magritte-color-component-tag-background-positive-v18-1-1:#E8F9EC;
4
- --magritte-color-component-tag-background-negative-v18-1-1:#FEF2EF;
5
- --magritte-color-component-tag-background-warning-v18-1-1:#FFF3E6;
6
- --magritte-color-component-tag-background-special-v18-1-1:#F7F4FF;
7
- --magritte-color-component-tag-background-state-neutral-disabled-v18-1-1:#f1f4f97a;
8
- --magritte-color-component-tag-background-state-positive-disabled-v18-1-1:#e8f9ec7a;
9
- --magritte-color-component-tag-background-state-negative-disabled-v18-1-1:#fef2ef7a;
10
- --magritte-color-component-tag-background-state-warning-disabled-v18-1-1:#fff3e67a;
11
- --magritte-color-component-tag-background-state-special-disabled-v18-1-1:#f7f4ff7a;
12
- --magritte-color-component-tag-text-neutral-v18-1-1:#5e6c77;
13
- --magritte-color-component-tag-text-positive-v18-1-1:#00984f;
14
- --magritte-color-component-tag-text-negative-v18-1-1:#ee4735;
15
- --magritte-color-component-tag-text-warning-v18-1-1:#ac6600;
16
- --magritte-color-component-tag-text-special-v18-1-1:#883be9;
17
- --magritte-color-component-tag-text-state-neutral-disabled-v18-1-1:#5e6c777a;
18
- --magritte-color-component-tag-text-state-positive-disabled-v18-1-1:#00984f7a;
19
- --magritte-color-component-tag-text-state-negative-disabled-v18-1-1:#ee47357a;
20
- --magritte-color-component-tag-text-state-warning-disabled-v18-1-1:#ac66007a;
21
- --magritte-color-component-tag-text-state-special-disabled-v18-1-1:#883be97a;
22
- --magritte-color-component-tag-icon-neutral-v18-1-1:#54606a;
23
- --magritte-color-component-tag-icon-positive-v18-1-1:#0d8847;
24
- --magritte-color-component-tag-icon-negative-v18-1-1:#d64030;
25
- --magritte-color-component-tag-icon-warning-v18-1-1:#9c5b03;
26
- --magritte-color-component-tag-icon-special-v18-1-1:#7a34d3;
27
- --magritte-color-component-tag-icon-state-neutral-disabled-v18-1-1:#54606a7a;
28
- --magritte-color-component-tag-icon-state-positive-disabled-v18-1-1:#0d88477a;
29
- --magritte-color-component-tag-icon-state-negative-disabled-v18-1-1:#d640307a;
30
- --magritte-color-component-tag-icon-state-warning-disabled-v18-1-1:#9c5b037a;
31
- --magritte-color-component-tag-icon-state-special-disabled-v18-1-1:#7a34d37a;
2
+ --magritte-color-component-tag-background-neutral-v18-1-2:#F1F4F9;
3
+ --magritte-color-component-tag-background-positive-v18-1-2:#E8F9EC;
4
+ --magritte-color-component-tag-background-negative-v18-1-2:#FEF2EF;
5
+ --magritte-color-component-tag-background-warning-v18-1-2:#FFF3E6;
6
+ --magritte-color-component-tag-background-special-v18-1-2:#F7F4FF;
7
+ --magritte-color-component-tag-background-state-neutral-disabled-v18-1-2:#f1f4f97a;
8
+ --magritte-color-component-tag-background-state-positive-disabled-v18-1-2:#e8f9ec7a;
9
+ --magritte-color-component-tag-background-state-negative-disabled-v18-1-2:#fef2ef7a;
10
+ --magritte-color-component-tag-background-state-warning-disabled-v18-1-2:#fff3e67a;
11
+ --magritte-color-component-tag-background-state-special-disabled-v18-1-2:#f7f4ff7a;
12
+ --magritte-color-component-tag-text-neutral-v18-1-2:#5e6c77;
13
+ --magritte-color-component-tag-text-positive-v18-1-2:#00984f;
14
+ --magritte-color-component-tag-text-negative-v18-1-2:#ee4735;
15
+ --magritte-color-component-tag-text-warning-v18-1-2:#ac6600;
16
+ --magritte-color-component-tag-text-special-v18-1-2:#883be9;
17
+ --magritte-color-component-tag-text-state-neutral-disabled-v18-1-2:#5e6c777a;
18
+ --magritte-color-component-tag-text-state-positive-disabled-v18-1-2:#00984f7a;
19
+ --magritte-color-component-tag-text-state-negative-disabled-v18-1-2:#ee47357a;
20
+ --magritte-color-component-tag-text-state-warning-disabled-v18-1-2:#ac66007a;
21
+ --magritte-color-component-tag-text-state-special-disabled-v18-1-2:#883be97a;
22
+ --magritte-color-component-tag-icon-neutral-v18-1-2:#5e6c77;
23
+ --magritte-color-component-tag-icon-positive-v18-1-2:#00984f;
24
+ --magritte-color-component-tag-icon-negative-v18-1-2:#ee4735;
25
+ --magritte-color-component-tag-icon-warning-v18-1-2:#ac6600;
26
+ --magritte-color-component-tag-icon-special-v18-1-2:#883be9;
27
+ --magritte-color-component-tag-icon-state-neutral-disabled-v18-1-2:#5e6c777a;
28
+ --magritte-color-component-tag-icon-state-positive-disabled-v18-1-2:#00984f7a;
29
+ --magritte-color-component-tag-icon-state-negative-disabled-v18-1-2:#ee47357a;
30
+ --magritte-color-component-tag-icon-state-warning-disabled-v18-1-2:#ac66007a;
31
+ --magritte-color-component-tag-icon-state-special-disabled-v18-1-2:#883be97a;
32
32
  }
33
33
  :root{
34
- --magritte-typography-subtitle-1-semibold-font-family-v18-1-1:"Inter";
35
- --magritte-typography-subtitle-1-semibold-font-weight-v18-1-1:600;
36
- --magritte-typography-subtitle-1-semibold-line-height-v18-1-1:22px;
37
- --magritte-typography-subtitle-1-semibold-font-size-v18-1-1:16px;
38
- --magritte-typography-subtitle-1-semibold-letter-spacing-v18-1-1:0em;
39
- --magritte-typography-subtitle-1-semibold-text-indent-v18-1-1:0px;
40
- --magritte-typography-subtitle-1-semibold-text-transform-v18-1-1:none;
41
- --magritte-typography-subtitle-1-semibold-text-decoration-v18-1-1:none;
42
- --magritte-typography-label-3-regular-font-family-v18-1-1:"Inter";
43
- --magritte-typography-label-3-regular-font-weight-v18-1-1:400;
44
- --magritte-typography-label-3-regular-line-height-v18-1-1:20px;
45
- --magritte-typography-label-3-regular-font-size-v18-1-1:14px;
46
- --magritte-typography-label-3-regular-letter-spacing-v18-1-1:0.005em;
47
- --magritte-typography-label-3-regular-text-indent-v18-1-1:0px;
48
- --magritte-typography-label-3-regular-text-transform-v18-1-1:none;
49
- --magritte-typography-label-3-regular-text-decoration-v18-1-1:none;
50
- --magritte-static-space-50-v18-1-1:2px;
51
- --magritte-static-space-100-v18-1-1:4px;
52
- --magritte-static-border-radius-200-v18-1-1:8px;
53
- --magritte-static-border-radius-450-v18-1-1:18px;
34
+ --magritte-typography-subtitle-1-semibold-font-family-v18-1-2:"Inter";
35
+ --magritte-typography-subtitle-1-semibold-font-weight-v18-1-2:600;
36
+ --magritte-typography-subtitle-1-semibold-line-height-v18-1-2:22px;
37
+ --magritte-typography-subtitle-1-semibold-font-size-v18-1-2:16px;
38
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v18-1-2:0em;
39
+ --magritte-typography-subtitle-1-semibold-text-indent-v18-1-2:0px;
40
+ --magritte-typography-subtitle-1-semibold-text-transform-v18-1-2:none;
41
+ --magritte-typography-subtitle-1-semibold-text-decoration-v18-1-2:none;
42
+ --magritte-typography-label-3-regular-font-family-v18-1-2:"Inter";
43
+ --magritte-typography-label-3-regular-font-weight-v18-1-2:400;
44
+ --magritte-typography-label-3-regular-line-height-v18-1-2:20px;
45
+ --magritte-typography-label-3-regular-font-size-v18-1-2:14px;
46
+ --magritte-typography-label-3-regular-letter-spacing-v18-1-2:0.005em;
47
+ --magritte-typography-label-3-regular-text-indent-v18-1-2:0px;
48
+ --magritte-typography-label-3-regular-text-transform-v18-1-2:none;
49
+ --magritte-typography-label-3-regular-text-decoration-v18-1-2:none;
50
+ --magritte-static-space-50-v18-1-2:2px;
51
+ --magritte-static-space-100-v18-1-2:4px;
52
+ --magritte-static-border-radius-200-v18-1-2:8px;
53
+ --magritte-static-border-radius-450-v18-1-2:18px;
54
54
  }
55
55
  .magritte-night-theme{
56
- --magritte-color-component-tag-background-neutral-v18-1-1:#303030;
57
- --magritte-color-component-tag-background-positive-v18-1-1:#16321F;
58
- --magritte-color-component-tag-background-negative-v18-1-1:#3D2622;
59
- --magritte-color-component-tag-background-warning-v18-1-1:#3D270E;
60
- --magritte-color-component-tag-background-special-v18-1-1:#2F293C;
61
- --magritte-color-component-tag-text-neutral-v18-1-1:#B9B9B9;
62
- --magritte-color-component-tag-text-positive-v18-1-1:#10b55f;
63
- --magritte-color-component-tag-text-negative-v18-1-1:#ff4d3a;
64
- --magritte-color-component-tag-text-warning-v18-1-1:#d17c09;
65
- --magritte-color-component-tag-text-special-v18-1-1:#a579f4;
66
- --magritte-color-component-tag-icon-neutral-v18-1-1:#AABBCA;
67
- --magritte-color-component-tag-icon-positive-v18-1-1:#10b55f;
68
- --magritte-color-component-tag-icon-negative-v18-1-1:#ff4d3a;
69
- --magritte-color-component-tag-icon-warning-v18-1-1:#d17c09;
70
- --magritte-color-component-tag-icon-special-v18-1-1:#a579f4;
71
- --magritte-color-component-tag-icon-state-neutral-disabled-v18-1-1:#aabbca7a;
72
- --magritte-color-component-tag-icon-state-positive-disabled-v18-1-1:#10b55f7a;
73
- --magritte-color-component-tag-icon-state-negative-disabled-v18-1-1:#ff4d3a7a;
74
- --magritte-color-component-tag-icon-state-warning-disabled-v18-1-1:#d17c097a;
75
- --magritte-color-component-tag-icon-state-special-disabled-v18-1-1:#a579f47a;
76
- --magritte-color-component-tag-text-state-neutral-disabled-v18-1-1:#aabbca7a;
77
- --magritte-color-component-tag-text-state-positive-disabled-v18-1-1:#10b55f7a;
78
- --magritte-color-component-tag-text-state-negative-disabled-v18-1-1:#ff4d3a7a;
79
- --magritte-color-component-tag-text-state-warning-disabled-v18-1-1:#d17c097a;
80
- --magritte-color-component-tag-text-state-special-disabled-v18-1-1:#a579f47a;
81
- --magritte-color-component-tag-background-state-neutral-disabled-v18-1-1:#3030307a;
82
- --magritte-color-component-tag-background-state-positive-disabled-v18-1-1:#16321f7a;
83
- --magritte-color-component-tag-background-state-negative-disabled-v18-1-1:#3d26227a;
84
- --magritte-color-component-tag-background-state-warning-disabled-v18-1-1:#3d270e7a;
85
- --magritte-color-component-tag-background-state-special-disabled-v18-1-1:#2f293c7a;
86
- }
87
- .magritte-tag___WdGxk_2-0-12{
56
+ --magritte-color-component-tag-background-neutral-v18-1-2:#303030;
57
+ --magritte-color-component-tag-background-positive-v18-1-2:#16321F;
58
+ --magritte-color-component-tag-background-negative-v18-1-2:#3D2622;
59
+ --magritte-color-component-tag-background-warning-v18-1-2:#3D270E;
60
+ --magritte-color-component-tag-background-special-v18-1-2:#2F293C;
61
+ --magritte-color-component-tag-text-neutral-v18-1-2:#B9B9B9;
62
+ --magritte-color-component-tag-text-positive-v18-1-2:#10b55f;
63
+ --magritte-color-component-tag-text-negative-v18-1-2:#ff4d3a;
64
+ --magritte-color-component-tag-text-warning-v18-1-2:#d17c09;
65
+ --magritte-color-component-tag-text-special-v18-1-2:#a579f4;
66
+ --magritte-color-component-tag-icon-neutral-v18-1-2:#AABBCA;
67
+ --magritte-color-component-tag-icon-positive-v18-1-2:#10b55f;
68
+ --magritte-color-component-tag-icon-negative-v18-1-2:#ff4d3a;
69
+ --magritte-color-component-tag-icon-warning-v18-1-2:#d17c09;
70
+ --magritte-color-component-tag-icon-special-v18-1-2:#a579f4;
71
+ --magritte-color-component-tag-icon-state-neutral-disabled-v18-1-2:#aabbca7a;
72
+ --magritte-color-component-tag-icon-state-positive-disabled-v18-1-2:#10b55f7a;
73
+ --magritte-color-component-tag-icon-state-negative-disabled-v18-1-2:#ff4d3a7a;
74
+ --magritte-color-component-tag-icon-state-warning-disabled-v18-1-2:#d17c097a;
75
+ --magritte-color-component-tag-icon-state-special-disabled-v18-1-2:#a579f47a;
76
+ --magritte-color-component-tag-text-state-neutral-disabled-v18-1-2:#aabbca7a;
77
+ --magritte-color-component-tag-text-state-positive-disabled-v18-1-2:#10b55f7a;
78
+ --magritte-color-component-tag-text-state-negative-disabled-v18-1-2:#ff4d3a7a;
79
+ --magritte-color-component-tag-text-state-warning-disabled-v18-1-2:#d17c097a;
80
+ --magritte-color-component-tag-text-state-special-disabled-v18-1-2:#a579f47a;
81
+ --magritte-color-component-tag-background-state-neutral-disabled-v18-1-2:#3030307a;
82
+ --magritte-color-component-tag-background-state-positive-disabled-v18-1-2:#16321f7a;
83
+ --magritte-color-component-tag-background-state-negative-disabled-v18-1-2:#3d26227a;
84
+ --magritte-color-component-tag-background-state-warning-disabled-v18-1-2:#3d270e7a;
85
+ --magritte-color-component-tag-background-state-special-disabled-v18-1-2:#2f293c7a;
86
+ }
87
+ .magritte-tag___WdGxk_2-0-13{
88
88
  display:inline-flex;
89
89
  align-items:center;
90
90
  justify-content:center;
91
- max-width:288px;
92
91
  }
93
- .magritte-tag_style-neutral___cw1Bt_2-0-12{
94
- background-color:var(--magritte-color-component-tag-background-neutral-v18-1-1);
95
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-neutral-v18-1-1);
92
+ .magritte-tag_style-neutral___cw1Bt_2-0-13{
93
+ background-color:var(--magritte-color-component-tag-background-neutral-v18-1-2);
94
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-neutral-v18-1-2);
96
95
  }
97
- .magritte-tag_style-neutral___cw1Bt_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
98
- color:var(--magritte-color-component-tag-text-neutral-v18-1-1);
96
+ .magritte-tag_style-neutral___cw1Bt_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
97
+ color:var(--magritte-color-component-tag-text-neutral-v18-1-2);
99
98
  }
100
- .magritte-tag_style-neutral___cw1Bt_2-0-12.magritte-tag_state-disabled___2su23_2-0-12{
101
- background-color:var(--magritte-color-component-tag-background-state-neutral-disabled-v18-1-1);
102
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-neutral-disabled-v18-1-1);
99
+ .magritte-tag_style-neutral___cw1Bt_2-0-13.magritte-tag_state-disabled___2su23_2-0-13{
100
+ background-color:var(--magritte-color-component-tag-background-state-neutral-disabled-v18-1-2);
101
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-neutral-disabled-v18-1-2);
103
102
  }
104
- .magritte-tag_style-neutral___cw1Bt_2-0-12.magritte-tag_state-disabled___2su23_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
105
- color:var(--magritte-color-component-tag-text-state-neutral-disabled-v18-1-1);
103
+ .magritte-tag_style-neutral___cw1Bt_2-0-13.magritte-tag_state-disabled___2su23_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
104
+ color:var(--magritte-color-component-tag-text-state-neutral-disabled-v18-1-2);
106
105
  }
107
- .magritte-tag_style-positive___o2Zfe_2-0-12{
108
- background-color:var(--magritte-color-component-tag-background-positive-v18-1-1);
109
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-positive-v18-1-1);
106
+ .magritte-tag_style-positive___o2Zfe_2-0-13{
107
+ background-color:var(--magritte-color-component-tag-background-positive-v18-1-2);
108
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-positive-v18-1-2);
110
109
  }
111
- .magritte-tag_style-positive___o2Zfe_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
112
- color:var(--magritte-color-component-tag-text-positive-v18-1-1);
110
+ .magritte-tag_style-positive___o2Zfe_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
111
+ color:var(--magritte-color-component-tag-text-positive-v18-1-2);
113
112
  }
114
- .magritte-tag_style-positive___o2Zfe_2-0-12.magritte-tag_state-disabled___2su23_2-0-12{
115
- background-color:var(--magritte-color-component-tag-background-state-positive-disabled-v18-1-1);
116
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-positive-disabled-v18-1-1);
113
+ .magritte-tag_style-positive___o2Zfe_2-0-13.magritte-tag_state-disabled___2su23_2-0-13{
114
+ background-color:var(--magritte-color-component-tag-background-state-positive-disabled-v18-1-2);
115
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-positive-disabled-v18-1-2);
117
116
  }
118
- .magritte-tag_style-positive___o2Zfe_2-0-12.magritte-tag_state-disabled___2su23_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
119
- color:var(--magritte-color-component-tag-text-state-positive-disabled-v18-1-1);
117
+ .magritte-tag_style-positive___o2Zfe_2-0-13.magritte-tag_state-disabled___2su23_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
118
+ color:var(--magritte-color-component-tag-text-state-positive-disabled-v18-1-2);
120
119
  }
121
- .magritte-tag_style-negative___-HbQe_2-0-12{
122
- background-color:var(--magritte-color-component-tag-background-negative-v18-1-1);
123
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-negative-v18-1-1);
120
+ .magritte-tag_style-negative___-HbQe_2-0-13{
121
+ background-color:var(--magritte-color-component-tag-background-negative-v18-1-2);
122
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-negative-v18-1-2);
124
123
  }
125
- .magritte-tag_style-negative___-HbQe_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
126
- color:var(--magritte-color-component-tag-text-negative-v18-1-1);
124
+ .magritte-tag_style-negative___-HbQe_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
125
+ color:var(--magritte-color-component-tag-text-negative-v18-1-2);
127
126
  }
128
- .magritte-tag_style-negative___-HbQe_2-0-12.magritte-tag_state-disabled___2su23_2-0-12{
129
- background-color:var(--magritte-color-component-tag-background-state-negative-disabled-v18-1-1);
130
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-negative-disabled-v18-1-1);
127
+ .magritte-tag_style-negative___-HbQe_2-0-13.magritte-tag_state-disabled___2su23_2-0-13{
128
+ background-color:var(--magritte-color-component-tag-background-state-negative-disabled-v18-1-2);
129
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-negative-disabled-v18-1-2);
131
130
  }
132
- .magritte-tag_style-negative___-HbQe_2-0-12.magritte-tag_state-disabled___2su23_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
133
- color:var(--magritte-color-component-tag-text-state-negative-disabled-v18-1-1);
131
+ .magritte-tag_style-negative___-HbQe_2-0-13.magritte-tag_state-disabled___2su23_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
132
+ color:var(--magritte-color-component-tag-text-state-negative-disabled-v18-1-2);
134
133
  }
135
- .magritte-tag_style-special___-IqT-_2-0-12{
136
- background-color:var(--magritte-color-component-tag-background-special-v18-1-1);
137
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-special-v18-1-1);
134
+ .magritte-tag_style-special___-IqT-_2-0-13{
135
+ background-color:var(--magritte-color-component-tag-background-special-v18-1-2);
136
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-special-v18-1-2);
138
137
  }
139
- .magritte-tag_style-special___-IqT-_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
140
- color:var(--magritte-color-component-tag-text-special-v18-1-1);
138
+ .magritte-tag_style-special___-IqT-_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
139
+ color:var(--magritte-color-component-tag-text-special-v18-1-2);
141
140
  }
142
- .magritte-tag_style-special___-IqT-_2-0-12.magritte-tag_state-disabled___2su23_2-0-12{
143
- background-color:var(--magritte-color-component-tag-background-state-special-disabled-v18-1-1);
144
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-special-disabled-v18-1-1);
141
+ .magritte-tag_style-special___-IqT-_2-0-13.magritte-tag_state-disabled___2su23_2-0-13{
142
+ background-color:var(--magritte-color-component-tag-background-state-special-disabled-v18-1-2);
143
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-special-disabled-v18-1-2);
145
144
  }
146
- .magritte-tag_style-special___-IqT-_2-0-12.magritte-tag_state-disabled___2su23_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
147
- color:var(--magritte-color-component-tag-text-state-special-disabled-v18-1-1);
145
+ .magritte-tag_style-special___-IqT-_2-0-13.magritte-tag_state-disabled___2su23_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
146
+ color:var(--magritte-color-component-tag-text-state-special-disabled-v18-1-2);
148
147
  }
149
- .magritte-tag_style-warning___4xBGB_2-0-12{
150
- background-color:var(--magritte-color-component-tag-background-warning-v18-1-1);
151
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-warning-v18-1-1);
148
+ .magritte-tag_style-warning___4xBGB_2-0-13{
149
+ background-color:var(--magritte-color-component-tag-background-warning-v18-1-2);
150
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-warning-v18-1-2);
152
151
  }
153
- .magritte-tag_style-warning___4xBGB_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
154
- color:var(--magritte-color-component-tag-text-warning-v18-1-1);
152
+ .magritte-tag_style-warning___4xBGB_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
153
+ color:var(--magritte-color-component-tag-text-warning-v18-1-2);
155
154
  }
156
- .magritte-tag_style-warning___4xBGB_2-0-12.magritte-tag_state-disabled___2su23_2-0-12{
157
- background-color:var(--magritte-color-component-tag-background-state-warning-disabled-v18-1-1);
158
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-warning-disabled-v18-1-1);
155
+ .magritte-tag_style-warning___4xBGB_2-0-13.magritte-tag_state-disabled___2su23_2-0-13{
156
+ background-color:var(--magritte-color-component-tag-background-state-warning-disabled-v18-1-2);
157
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-warning-disabled-v18-1-2);
159
158
  }
160
- .magritte-tag_style-warning___4xBGB_2-0-12.magritte-tag_state-disabled___2su23_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
161
- color:var(--magritte-color-component-tag-text-state-warning-disabled-v18-1-1);
159
+ .magritte-tag_style-warning___4xBGB_2-0-13.magritte-tag_state-disabled___2su23_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
160
+ color:var(--magritte-color-component-tag-text-state-warning-disabled-v18-1-2);
162
161
  }
163
- .magritte-tag_size-medium___Splpy_2-0-12{
164
- border-radius:var(--magritte-static-border-radius-200-v18-1-1);
162
+ .magritte-tag_size-medium___Splpy_2-0-13{
163
+ border-radius:var(--magritte-static-border-radius-200-v18-1-2);
165
164
  padding:4px 8px;
166
- gap:var(--magritte-static-space-100-v18-1-1);
165
+ gap:var(--magritte-static-space-100-v18-1-2);
167
166
  min-height:20px;
168
- max-width:calc(288px - 8px * 2);
167
+ max-width:100%;
168
+ box-sizing:border-box;
169
169
  }
170
- .magritte-tag_size-large___SWuug_2-0-12{
171
- border-radius:var(--magritte-static-border-radius-450-v18-1-1);
170
+ .magritte-tag_size-large___SWuug_2-0-13{
171
+ border-radius:var(--magritte-static-border-radius-450-v18-1-2);
172
172
  padding:6px 10px;
173
- gap:var(--magritte-static-space-50-v18-1-1);
173
+ gap:var(--magritte-static-space-50-v18-1-2);
174
174
  min-height:24px;
175
- max-width:calc(288px - 10px * 2);
176
- }
177
- .magritte-tag_size-large___SWuug_2-0-12 .magritte-tag__label___YHV-o_2-0-12{
178
- font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v18-1-1);
179
- font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v18-1-1);
180
- line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v18-1-1);
181
- font-size:var(--magritte-typography-subtitle-1-semibold-font-size-v18-1-1);
182
- letter-spacing:var(--magritte-typography-subtitle-1-semibold-letter-spacing-v18-1-1);
183
- text-indent:var(--magritte-typography-subtitle-1-semibold-text-indent-v18-1-1);
184
- text-transform:var(--magritte-typography-subtitle-1-semibold-text-transform-v18-1-1);
185
- text-decoration:var(--magritte-typography-subtitle-1-semibold-text-decoration-v18-1-1);
175
+ max-width:100%;
176
+ box-sizing:border-box;
177
+ }
178
+ .magritte-tag_size-large___SWuug_2-0-13 .magritte-tag__label___YHV-o_2-0-13{
179
+ font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v18-1-2);
180
+ font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v18-1-2);
181
+ line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v18-1-2);
182
+ font-size:var(--magritte-typography-subtitle-1-semibold-font-size-v18-1-2);
183
+ letter-spacing:var(--magritte-typography-subtitle-1-semibold-letter-spacing-v18-1-2);
184
+ text-indent:var(--magritte-typography-subtitle-1-semibold-text-indent-v18-1-2);
185
+ text-transform:var(--magritte-typography-subtitle-1-semibold-text-transform-v18-1-2);
186
+ text-decoration:var(--magritte-typography-subtitle-1-semibold-text-decoration-v18-1-2);
186
187
  padding:0 2px;
187
188
  }
188
- .magritte-tag__label___YHV-o_2-0-12{
189
- font-family:var(--magritte-typography-label-3-regular-font-family-v18-1-1);
190
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v18-1-1);
191
- line-height:var(--magritte-typography-label-3-regular-line-height-v18-1-1);
192
- font-size:var(--magritte-typography-label-3-regular-font-size-v18-1-1);
193
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v18-1-1);
194
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v18-1-1);
195
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v18-1-1);
196
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v18-1-1);
189
+ .magritte-tag__label___YHV-o_2-0-13{
190
+ font-family:var(--magritte-typography-label-3-regular-font-family-v18-1-2);
191
+ font-weight:var(--magritte-typography-label-3-regular-font-weight-v18-1-2);
192
+ line-height:var(--magritte-typography-label-3-regular-line-height-v18-1-2);
193
+ font-size:var(--magritte-typography-label-3-regular-font-size-v18-1-2);
194
+ letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v18-1-2);
195
+ text-indent:var(--magritte-typography-label-3-regular-text-indent-v18-1-2);
196
+ text-transform:var(--magritte-typography-label-3-regular-text-transform-v18-1-2);
197
+ text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v18-1-2);
197
198
  text-overflow:ellipsis;
198
199
  overflow:hidden;
199
200
  white-space:nowrap;
200
201
  }
201
- .magritte-tag__icon___Avk97_2-0-12{
202
+ .magritte-tag__icon___Avk97_2-0-13{
202
203
  display:flex;
203
204
  flex-shrink:0;
204
205
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tag",
3
- "version": "2.0.12",
3
+ "version": "2.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,10 +19,10 @@
19
19
  "test": "yarn root:test $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-design-tokens": "18.1.1",
23
- "@hh.ru/magritte-ui-icon": "7.1.4",
22
+ "@hh.ru/magritte-design-tokens": "18.1.2",
23
+ "@hh.ru/magritte-ui-icon": "7.1.5",
24
24
  "@hh.ru/magritte-ui-mock-component": "1.0.10",
25
- "@hh.ru/magritte-ui-theme-provider": "1.1.21"
25
+ "@hh.ru/magritte-ui-theme-provider": "1.1.22"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "classnames": ">=2.3.2",
@@ -31,5 +31,5 @@
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "2cb1607215544b6003e0486f5b72e463309a5bee"
34
+ "gitHead": "f983d20d02117bd1e412d635d854ab7c47492692"
35
35
  }