@hh.ru/magritte-ui-form-label 4.0.15 → 4.0.17

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