@hh.ru/magritte-ui-form-label 4.2.26 → 4.2.28

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/FormLabel.js +1 -1
  2. package/index.css +88 -88
  3. package/package.json +11 -11
package/FormLabel.js CHANGED
@@ -13,7 +13,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
13
13
  import { Tooltip } from '@hh.ru/magritte-ui-tooltip';
14
14
  import { Text } from '@hh.ru/magritte-ui-typography';
15
15
 
16
- var styles = {"form-label":"magritte-form-label___Yzcxs_4-2-26","formLabel":"magritte-form-label___Yzcxs_4-2-26","postfix":"magritte-postfix___UBcl3_4-2-26","form-label_disabled":"magritte-form-label_disabled___rq0Rq_4-2-26","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_4-2-26","content":"magritte-content___o4wkg_4-2-26","icon":"magritte-icon___nwksH_4-2-26"};
16
+ var styles = {"form-label":"magritte-form-label___Yzcxs_4-2-28","formLabel":"magritte-form-label___Yzcxs_4-2-28","postfix":"magritte-postfix___UBcl3_4-2-28","form-label_disabled":"magritte-form-label_disabled___rq0Rq_4-2-28","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_4-2-28","content":"magritte-content___o4wkg_4-2-28","icon":"magritte-icon___nwksH_4-2-28"};
17
17
 
18
18
  const FormLabel = (props) => {
19
19
  const disabled = useDisabled();
package/index.css CHANGED
@@ -1,127 +1,127 @@
1
1
  :root{
2
- --magritte-color-stroke-state-focused-accessible-v18-3-1:#0070ff7a;
3
- --magritte-color-text-secondary-v18-3-1:#768694;
4
- --magritte-color-text-tertiary-v18-3-1:#AABBCA;
5
- --magritte-color-text-state-secondary-hovered-v18-3-1:#768694;
6
- --magritte-color-text-state-secondary-pressed-v18-3-1:#768694;
7
- --magritte-color-text-state-secondary-disabled-v18-3-1:#7686947a;
8
- --magritte-color-text-state-tertiary-hovered-v18-3-1:#AABBCA;
9
- --magritte-color-text-state-tertiary-pressed-v18-3-1:#AABBCA;
10
- --magritte-color-text-state-tertiary-disabled-v18-3-1:#aabbca7a;
11
- --magritte-color-icon-secondary-v18-3-1:#768694;
12
- --magritte-color-icon-state-secondary-hovered-v18-3-1:#20262b;
13
- --magritte-color-icon-state-secondary-pressed-v18-3-1:#768694;
14
- --magritte-color-icon-state-secondary-disabled-v18-3-1:#BBC8D4;
2
+ --magritte-color-stroke-state-focused-accessible-v19-0-0:#0070ff7a;
3
+ --magritte-color-text-secondary-v19-0-0:#768694;
4
+ --magritte-color-text-tertiary-v19-0-0:#AABBCA;
5
+ --magritte-color-text-state-secondary-hovered-v19-0-0:#768694;
6
+ --magritte-color-text-state-secondary-pressed-v19-0-0:#768694;
7
+ --magritte-color-text-state-secondary-disabled-v19-0-0:#7686947a;
8
+ --magritte-color-text-state-tertiary-hovered-v19-0-0:#AABBCA;
9
+ --magritte-color-text-state-tertiary-pressed-v19-0-0:#AABBCA;
10
+ --magritte-color-text-state-tertiary-disabled-v19-0-0:#aabbca7a;
11
+ --magritte-color-icon-secondary-v19-0-0:#768694;
12
+ --magritte-color-icon-state-secondary-hovered-v19-0-0:#20262b;
13
+ --magritte-color-icon-state-secondary-pressed-v19-0-0:#768694;
14
+ --magritte-color-icon-state-secondary-disabled-v19-0-0:#BBC8D4;
15
15
  }
16
16
  :root{
17
- --magritte-typography-subtitle-1-semibold-font-family-v18-3-1:"Inter";
18
- --magritte-typography-subtitle-1-semibold-font-weight-v18-3-1:600;
19
- --magritte-typography-subtitle-1-semibold-line-height-v18-3-1:22px;
20
- --magritte-typography-subtitle-1-semibold-font-size-v18-3-1:16px;
21
- --magritte-typography-subtitle-1-semibold-letter-spacing-v18-3-1:0em;
22
- --magritte-typography-subtitle-1-semibold-text-indent-v18-3-1:0px;
23
- --magritte-typography-subtitle-1-semibold-text-transform-v18-3-1:none;
24
- --magritte-typography-subtitle-1-semibold-text-decoration-v18-3-1:none;
25
- --magritte-typography-label-2-regular-font-family-v18-3-1:"Inter";
26
- --magritte-typography-label-2-regular-font-weight-v18-3-1:400;
27
- --magritte-typography-label-2-regular-line-height-v18-3-1:22px;
28
- --magritte-typography-label-2-regular-font-size-v18-3-1:16px;
29
- --magritte-typography-label-2-regular-letter-spacing-v18-3-1:0em;
30
- --magritte-typography-label-2-regular-text-indent-v18-3-1:0px;
31
- --magritte-typography-label-2-regular-text-transform-v18-3-1:none;
32
- --magritte-typography-label-2-regular-text-decoration-v18-3-1:none;
17
+ --magritte-typography-subtitle-1-semibold-font-family-v19-0-0:"Inter";
18
+ --magritte-typography-subtitle-1-semibold-font-weight-v19-0-0:600;
19
+ --magritte-typography-subtitle-1-semibold-line-height-v19-0-0:22px;
20
+ --magritte-typography-subtitle-1-semibold-font-size-v19-0-0:16px;
21
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v19-0-0:0em;
22
+ --magritte-typography-subtitle-1-semibold-text-indent-v19-0-0:0px;
23
+ --magritte-typography-subtitle-1-semibold-text-transform-v19-0-0:none;
24
+ --magritte-typography-subtitle-1-semibold-text-decoration-v19-0-0:none;
25
+ --magritte-typography-label-2-regular-font-family-v19-0-0:"Inter";
26
+ --magritte-typography-label-2-regular-font-weight-v19-0-0:400;
27
+ --magritte-typography-label-2-regular-line-height-v19-0-0:22px;
28
+ --magritte-typography-label-2-regular-font-size-v19-0-0:16px;
29
+ --magritte-typography-label-2-regular-letter-spacing-v19-0-0:0em;
30
+ --magritte-typography-label-2-regular-text-indent-v19-0-0:0px;
31
+ --magritte-typography-label-2-regular-text-transform-v19-0-0:none;
32
+ --magritte-typography-label-2-regular-text-decoration-v19-0-0:none;
33
33
  }
34
34
  .magritte-night-theme{
35
- --magritte-color-stroke-state-focused-accessible-v18-3-1:#0070ff7a;
36
- --magritte-color-text-secondary-v18-3-1:#ABABAB;
37
- --magritte-color-text-tertiary-v18-3-1:#767676;
38
- --magritte-color-text-state-secondary-hovered-v18-3-1:#ABABAB;
39
- --magritte-color-text-state-secondary-disabled-v18-3-1:#ababab7a;
40
- --magritte-color-text-state-tertiary-hovered-v18-3-1:#767676;
41
- --magritte-color-text-state-tertiary-disabled-v18-3-1:#7676767a;
42
- --magritte-color-text-state-secondary-pressed-v18-3-1:#768694;
43
- --magritte-color-text-state-tertiary-pressed-v18-3-1:#AABBCA;
44
- --magritte-color-icon-secondary-v18-3-1:#ABABAB;
45
- --magritte-color-icon-state-secondary-hovered-v18-3-1:#ABABAB;
46
- --magritte-color-icon-state-secondary-pressed-v18-3-1:#ABABAB;
47
- --magritte-color-icon-state-secondary-disabled-v18-3-1:#767676;
35
+ --magritte-color-stroke-state-focused-accessible-v19-0-0:#0070ff7a;
36
+ --magritte-color-text-secondary-v19-0-0:#ABABAB;
37
+ --magritte-color-text-tertiary-v19-0-0:#767676;
38
+ --magritte-color-text-state-secondary-hovered-v19-0-0:#ABABAB;
39
+ --magritte-color-text-state-secondary-disabled-v19-0-0:#ababab7a;
40
+ --magritte-color-text-state-tertiary-hovered-v19-0-0:#767676;
41
+ --magritte-color-text-state-tertiary-disabled-v19-0-0:#7676767a;
42
+ --magritte-color-text-state-secondary-pressed-v19-0-0:#768694;
43
+ --magritte-color-text-state-tertiary-pressed-v19-0-0:#AABBCA;
44
+ --magritte-color-icon-secondary-v19-0-0:#ABABAB;
45
+ --magritte-color-icon-state-secondary-hovered-v19-0-0:#ABABAB;
46
+ --magritte-color-icon-state-secondary-pressed-v19-0-0:#ABABAB;
47
+ --magritte-color-icon-state-secondary-disabled-v19-0-0:#767676;
48
48
  }
49
- .magritte-form-label___Yzcxs_4-2-26{
50
- font-family:var(--magritte-typography-label-2-regular-font-family-v18-3-1);
51
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-3-1);
52
- line-height:var(--magritte-typography-label-2-regular-line-height-v18-3-1);
53
- font-size:var(--magritte-typography-label-2-regular-font-size-v18-3-1);
54
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-3-1);
55
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-3-1);
56
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-3-1);
57
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-3-1);
49
+ .magritte-form-label___Yzcxs_4-2-28{
50
+ font-family:var(--magritte-typography-label-2-regular-font-family-v19-0-0);
51
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-0-0);
52
+ line-height:var(--magritte-typography-label-2-regular-line-height-v19-0-0);
53
+ font-size:var(--magritte-typography-label-2-regular-font-size-v19-0-0);
54
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v19-0-0);
55
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v19-0-0);
56
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v19-0-0);
57
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-0-0);
58
58
  display:inline-flex;
59
59
  gap:6px;
60
60
  align-items:center;
61
61
  border-radius:50vh;
62
- color:var(--magritte-color-text-secondary-v18-3-1);
63
- --magritte-ui-icon-color-override:var(--magritte-color-icon-secondary-v18-3-1);
62
+ color:var(--magritte-color-text-secondary-v19-0-0);
63
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-secondary-v19-0-0);
64
64
  }
65
- .magritte-form-label___Yzcxs_4-2-26 .magritte-postfix___UBcl3_4-2-26{
66
- color:var(--magritte-color-text-tertiary-v18-3-1);
65
+ .magritte-form-label___Yzcxs_4-2-28 .magritte-postfix___UBcl3_4-2-28{
66
+ color:var(--magritte-color-text-tertiary-v19-0-0);
67
67
  }
68
- .magritte-form-label___Yzcxs_4-2-26.focus-visible{
69
- outline:var(--magritte-color-stroke-state-focused-accessible-v18-3-1) solid 4px;
68
+ .magritte-form-label___Yzcxs_4-2-28.focus-visible{
69
+ outline:var(--magritte-color-stroke-state-focused-accessible-v19-0-0) solid 4px;
70
70
  }
71
- .magritte-form-label___Yzcxs_4-2-26:not(.magritte-form-label_disabled___rq0Rq_4-2-26):active{
72
- color:var(--magritte-color-text-state-secondary-pressed-v18-3-1);
73
- --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-pressed-v18-3-1);
71
+ .magritte-form-label___Yzcxs_4-2-28:not(.magritte-form-label_disabled___rq0Rq_4-2-28):active{
72
+ color:var(--magritte-color-text-state-secondary-pressed-v19-0-0);
73
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-pressed-v19-0-0);
74
74
  }
75
- .magritte-form-label___Yzcxs_4-2-26:not(.magritte-form-label_disabled___rq0Rq_4-2-26):active .magritte-postfix___UBcl3_4-2-26{
76
- color:var(--magritte-color-text-state-tertiary-pressed-v18-3-1);
75
+ .magritte-form-label___Yzcxs_4-2-28:not(.magritte-form-label_disabled___rq0Rq_4-2-28):active .magritte-postfix___UBcl3_4-2-28{
76
+ color:var(--magritte-color-text-state-tertiary-pressed-v19-0-0);
77
77
  }
78
78
  @media (min-width: 1020px){
79
- body.magritte-old-layout .magritte-form-label___Yzcxs_4-2-26:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-26):not(:active){
80
- color:var(--magritte-color-text-state-secondary-hovered-v18-3-1);
81
- --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-hovered-v18-3-1);
79
+ body.magritte-old-layout .magritte-form-label___Yzcxs_4-2-28:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-28):not(:active){
80
+ color:var(--magritte-color-text-state-secondary-hovered-v19-0-0);
81
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-hovered-v19-0-0);
82
82
  }
83
- body.magritte-old-layout .magritte-form-label___Yzcxs_4-2-26:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-26):not(:active) .magritte-postfix___UBcl3_4-2-26{
84
- color:var(--magritte-color-text-state-tertiary-hovered-v18-3-1);
83
+ body.magritte-old-layout .magritte-form-label___Yzcxs_4-2-28:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-28):not(:active) .magritte-postfix___UBcl3_4-2-28{
84
+ color:var(--magritte-color-text-state-tertiary-hovered-v19-0-0);
85
85
  }
86
86
  }
87
87
  @media (min-width: 1024px){
88
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-2-26:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-26):not(:active){
89
- color:var(--magritte-color-text-state-secondary-hovered-v18-3-1);
90
- --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-hovered-v18-3-1);
88
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-2-28:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-28):not(:active){
89
+ color:var(--magritte-color-text-state-secondary-hovered-v19-0-0);
90
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-hovered-v19-0-0);
91
91
  }
92
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-2-26:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-26):not(:active) .magritte-postfix___UBcl3_4-2-26{
93
- color:var(--magritte-color-text-state-tertiary-hovered-v18-3-1);
92
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-2-28:hover:not(.magritte-form-label_disabled___rq0Rq_4-2-28):not(:active) .magritte-postfix___UBcl3_4-2-28{
93
+ color:var(--magritte-color-text-state-tertiary-hovered-v19-0-0);
94
94
  }
95
95
  }
96
- .magritte-form-label_disabled___rq0Rq_4-2-26{
97
- color:var(--magritte-color-text-state-secondary-disabled-v18-3-1);
98
- --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-disabled-v18-3-1);
96
+ .magritte-form-label_disabled___rq0Rq_4-2-28{
97
+ color:var(--magritte-color-text-state-secondary-disabled-v19-0-0);
98
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-disabled-v19-0-0);
99
99
  }
100
- .magritte-form-label_disabled___rq0Rq_4-2-26 .magritte-postfix___UBcl3_4-2-26{
101
- color:var(--magritte-color-text-state-tertiary-disabled-v18-3-1);
100
+ .magritte-form-label_disabled___rq0Rq_4-2-28 .magritte-postfix___UBcl3_4-2-28{
101
+ color:var(--magritte-color-text-state-tertiary-disabled-v19-0-0);
102
102
  }
103
- .magritte-content___o4wkg_4-2-26{
103
+ .magritte-content___o4wkg_4-2-28{
104
104
  flex:0 1 auto;
105
105
  min-width:0;
106
106
  overflow:hidden;
107
107
  text-overflow:ellipsis;
108
108
  }
109
- .magritte-postfix___UBcl3_4-2-26{
110
- font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v18-3-1);
111
- font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v18-3-1);
112
- line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v18-3-1);
113
- font-size:var(--magritte-typography-subtitle-1-semibold-font-size-v18-3-1);
114
- letter-spacing:var(--magritte-typography-subtitle-1-semibold-letter-spacing-v18-3-1);
115
- text-indent:var(--magritte-typography-subtitle-1-semibold-text-indent-v18-3-1);
116
- text-transform:var(--magritte-typography-subtitle-1-semibold-text-transform-v18-3-1);
117
- text-decoration:var(--magritte-typography-subtitle-1-semibold-text-decoration-v18-3-1);
109
+ .magritte-postfix___UBcl3_4-2-28{
110
+ font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v19-0-0);
111
+ font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v19-0-0);
112
+ line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v19-0-0);
113
+ font-size:var(--magritte-typography-subtitle-1-semibold-font-size-v19-0-0);
114
+ letter-spacing:var(--magritte-typography-subtitle-1-semibold-letter-spacing-v19-0-0);
115
+ text-indent:var(--magritte-typography-subtitle-1-semibold-text-indent-v19-0-0);
116
+ text-transform:var(--magritte-typography-subtitle-1-semibold-text-transform-v19-0-0);
117
+ text-decoration:var(--magritte-typography-subtitle-1-semibold-text-decoration-v19-0-0);
118
118
  flex:0 0 auto;
119
119
  max-width:100%;
120
120
  overflow:hidden;
121
121
  text-overflow:ellipsis;
122
122
  white-space:nowrap;
123
123
  }
124
- .magritte-icon___nwksH_4-2-26{
124
+ .magritte-icon___nwksH_4-2-28{
125
125
  display:inline-flex;
126
126
  align-items:center;
127
127
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-form-label",
3
- "version": "4.2.26",
3
+ "version": "4.2.28",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,18 +23,18 @@
23
23
  "@hh.ru/magritte-common-focus-visible": "0.1.5",
24
24
  "@hh.ru/magritte-common-keyboard": "4.0.1",
25
25
  "@hh.ru/magritte-common-use-disabled": "1.0.9",
26
- "@hh.ru/magritte-design-tokens": "18.3.1",
26
+ "@hh.ru/magritte-design-tokens": "19.0.0",
27
27
  "@hh.ru/magritte-types": "4.0.2",
28
- "@hh.ru/magritte-ui-action": "4.4.0",
29
- "@hh.ru/magritte-ui-bottom-sheet": "5.3.10",
28
+ "@hh.ru/magritte-ui-action": "4.4.1",
29
+ "@hh.ru/magritte-ui-bottom-sheet": "5.3.12",
30
30
  "@hh.ru/magritte-ui-breakpoint": "4.0.3",
31
- "@hh.ru/magritte-ui-icon": "7.5.1",
31
+ "@hh.ru/magritte-ui-icon": "7.5.2",
32
32
  "@hh.ru/magritte-ui-mock-component": "1.0.11",
33
- "@hh.ru/magritte-ui-navigation-bar": "6.0.0",
34
- "@hh.ru/magritte-ui-spacing": "2.0.27",
35
- "@hh.ru/magritte-ui-theme-provider": "1.1.27",
36
- "@hh.ru/magritte-ui-tooltip": "7.0.11",
37
- "@hh.ru/magritte-ui-typography": "3.0.14"
33
+ "@hh.ru/magritte-ui-navigation-bar": "6.0.1",
34
+ "@hh.ru/magritte-ui-spacing": "2.0.28",
35
+ "@hh.ru/magritte-ui-theme-provider": "1.1.28",
36
+ "@hh.ru/magritte-ui-tooltip": "7.0.12",
37
+ "@hh.ru/magritte-ui-typography": "3.0.15"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "classnames": ">=2.3.2",
@@ -43,5 +43,5 @@
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "6fb24f3a7bd82fd24cf7374de808e83459686b9c"
46
+ "gitHead": "4f67188b30d65586b4fc5278baa40e4aac1dc97c"
47
47
  }