@hh.ru/magritte-ui-form-label 3.3.0 → 3.3.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 (3) hide show
  1. package/FormLabel.js +1 -1
  2. package/index.css +60 -60
  3. package/package.json +11 -11
package/FormLabel.js CHANGED
@@ -12,7 +12,7 @@ import { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';
12
12
  import { Tooltip } from '@hh.ru/magritte-ui-tooltip';
13
13
  import { Text } from '@hh.ru/magritte-ui-typography';
14
14
 
15
- var styles = {"form-label":"magritte-form-label___Yzcxs_3-3-0","formLabel":"magritte-form-label___Yzcxs_3-3-0","form-label__counter":"magritte-form-label__counter___a2cSH_3-3-0","formLabelCounter":"magritte-form-label__counter___a2cSH_3-3-0","form-label_disabled":"magritte-form-label_disabled___rq0Rq_3-3-0","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_3-3-0","form-label__icon":"magritte-form-label__icon___H57oS_3-3-0","formLabelIcon":"magritte-form-label__icon___H57oS_3-3-0"};
15
+ var styles = {"form-label":"magritte-form-label___Yzcxs_3-3-1","formLabel":"magritte-form-label___Yzcxs_3-3-1","form-label__counter":"magritte-form-label__counter___a2cSH_3-3-1","formLabelCounter":"magritte-form-label__counter___a2cSH_3-3-1","form-label_disabled":"magritte-form-label_disabled___rq0Rq_3-3-1","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_3-3-1","form-label__icon":"magritte-form-label__icon___H57oS_3-3-1","formLabelIcon":"magritte-form-label__icon___H57oS_3-3-1"};
16
16
 
17
17
  const FormLabel = (props) => {
18
18
  const disabled = useDisabled();
package/index.css CHANGED
@@ -1,85 +1,85 @@
1
1
  :root{
2
- --magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-1:#0070ff7a;
3
- --magritte-color-component-form-label-text-content-v18-1-1:#768694;
4
- --magritte-color-component-form-label-text-state-content-hovered-v18-1-1:#768694;
5
- --magritte-color-component-form-label-text-state-content-pressed-v18-1-1:#768694;
6
- --magritte-color-component-form-label-text-state-content-disabled-v18-1-1:#768694;
7
- --magritte-color-component-form-label-icon-content-v18-1-1:#768694;
8
- --magritte-color-component-form-label-icon-state-content-hovered-v18-1-1:#768694;
9
- --magritte-color-component-form-label-icon-state-content-pressed-v18-1-1:#768694;
10
- --magritte-color-component-form-label-icon-state-content-disabled-v18-1-1:#768694;
11
- --magritte-color-component-form-label-counter-content-v18-1-1:#AABBCA;
12
- --magritte-color-component-form-label-counter-state-content-disabled-v18-1-1:#AABBCA;
2
+ --magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-2:#0070ff7a;
3
+ --magritte-color-component-form-label-text-content-v18-1-2:#768694;
4
+ --magritte-color-component-form-label-text-state-content-hovered-v18-1-2:#768694;
5
+ --magritte-color-component-form-label-text-state-content-pressed-v18-1-2:#768694;
6
+ --magritte-color-component-form-label-text-state-content-disabled-v18-1-2:#768694;
7
+ --magritte-color-component-form-label-icon-content-v18-1-2:#768694;
8
+ --magritte-color-component-form-label-icon-state-content-hovered-v18-1-2:#768694;
9
+ --magritte-color-component-form-label-icon-state-content-pressed-v18-1-2:#768694;
10
+ --magritte-color-component-form-label-icon-state-content-disabled-v18-1-2:#768694;
11
+ --magritte-color-component-form-label-counter-content-v18-1-2:#AABBCA;
12
+ --magritte-color-component-form-label-counter-state-content-disabled-v18-1-2:#AABBCA;
13
13
  }
14
14
  :root{
15
- --magritte-typography-label-2-regular-font-family-v18-1-1:"Inter";
16
- --magritte-typography-label-2-regular-font-weight-v18-1-1:400;
17
- --magritte-typography-label-2-regular-line-height-v18-1-1:22px;
18
- --magritte-typography-label-2-regular-font-size-v18-1-1:16px;
19
- --magritte-typography-label-2-regular-letter-spacing-v18-1-1:0em;
20
- --magritte-typography-label-2-regular-text-indent-v18-1-1:0px;
21
- --magritte-typography-label-2-regular-text-transform-v18-1-1:none;
22
- --magritte-typography-label-2-regular-text-decoration-v18-1-1:none;
15
+ --magritte-typography-label-2-regular-font-family-v18-1-2:"Inter";
16
+ --magritte-typography-label-2-regular-font-weight-v18-1-2:400;
17
+ --magritte-typography-label-2-regular-line-height-v18-1-2:22px;
18
+ --magritte-typography-label-2-regular-font-size-v18-1-2:16px;
19
+ --magritte-typography-label-2-regular-letter-spacing-v18-1-2:0em;
20
+ --magritte-typography-label-2-regular-text-indent-v18-1-2:0px;
21
+ --magritte-typography-label-2-regular-text-transform-v18-1-2:none;
22
+ --magritte-typography-label-2-regular-text-decoration-v18-1-2:none;
23
23
  }
24
24
  .magritte-night-theme{
25
- --magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-1:#0070ff7a;
26
- --magritte-color-component-form-label-text-content-v18-1-1:#ABABAB;
27
- --magritte-color-component-form-label-text-state-content-hovered-v18-1-1:#ABABAB;
28
- --magritte-color-component-form-label-text-state-content-pressed-v18-1-1:#ABABAB;
29
- --magritte-color-component-form-label-text-state-content-disabled-v18-1-1:#ABABAB;
30
- --magritte-color-component-form-label-icon-content-v18-1-1:#ABABAB;
31
- --magritte-color-component-form-label-icon-state-content-hovered-v18-1-1:#ABABAB;
32
- --magritte-color-component-form-label-icon-state-content-pressed-v18-1-1:#ABABAB;
33
- --magritte-color-component-form-label-icon-state-content-disabled-v18-1-1:#ABABAB;
34
- --magritte-color-component-form-label-counter-content-v18-1-1:#767676;
35
- --magritte-color-component-form-label-counter-state-content-disabled-v18-1-1:#ABABAB;
25
+ --magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-2:#0070ff7a;
26
+ --magritte-color-component-form-label-text-content-v18-1-2:#ABABAB;
27
+ --magritte-color-component-form-label-text-state-content-hovered-v18-1-2:#ABABAB;
28
+ --magritte-color-component-form-label-text-state-content-pressed-v18-1-2:#ABABAB;
29
+ --magritte-color-component-form-label-text-state-content-disabled-v18-1-2:#ABABAB;
30
+ --magritte-color-component-form-label-icon-content-v18-1-2:#ABABAB;
31
+ --magritte-color-component-form-label-icon-state-content-hovered-v18-1-2:#ABABAB;
32
+ --magritte-color-component-form-label-icon-state-content-pressed-v18-1-2:#ABABAB;
33
+ --magritte-color-component-form-label-icon-state-content-disabled-v18-1-2:#ABABAB;
34
+ --magritte-color-component-form-label-counter-content-v18-1-2:#767676;
35
+ --magritte-color-component-form-label-counter-state-content-disabled-v18-1-2:#ABABAB;
36
36
  }
37
- .magritte-form-label___Yzcxs_3-3-0{
38
- font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-1);
39
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-1);
40
- line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-1);
41
- font-size:var(--magritte-typography-label-2-regular-font-size-v18-1-1);
42
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-1-1);
43
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-1-1);
44
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-1);
45
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-1);
37
+ .magritte-form-label___Yzcxs_3-3-1{
38
+ font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-2);
39
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-2);
40
+ line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-2);
41
+ font-size:var(--magritte-typography-label-2-regular-font-size-v18-1-2);
42
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-1-2);
43
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-1-2);
44
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-2);
45
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-2);
46
46
  display:inline-flex;
47
47
  gap:6px;
48
48
  align-items:center;
49
49
  border-radius:50vh;
50
- color:var(--magritte-color-component-form-label-text-content-v18-1-1);
51
- --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-content-v18-1-1);
50
+ color:var(--magritte-color-component-form-label-text-content-v18-1-2);
51
+ --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-content-v18-1-2);
52
52
  }
53
- .magritte-form-label___Yzcxs_3-3-0.focus-visible{
54
- outline:var(--magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-1) solid 4px;
53
+ .magritte-form-label___Yzcxs_3-3-1.focus-visible{
54
+ outline:var(--magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-2) solid 4px;
55
55
  }
56
- .magritte-form-label___Yzcxs_3-3-0:active{
57
- color:var(--magritte-color-component-form-label-text-state-content-pressed-v18-1-1);
58
- --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-pressed-v18-1-1);
56
+ .magritte-form-label___Yzcxs_3-3-1:active{
57
+ color:var(--magritte-color-component-form-label-text-state-content-pressed-v18-1-2);
58
+ --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-pressed-v18-1-2);
59
59
  }
60
60
  @media (min-width: 1020px){
61
- body.magritte-old-layout .magritte-form-label___Yzcxs_3-3-0:hover:not(:disabled):not(:active){
62
- color:var(--magritte-color-component-form-label-text-state-content-hovered-v18-1-1);
63
- --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-hovered-v18-1-1);
61
+ body.magritte-old-layout .magritte-form-label___Yzcxs_3-3-1:hover:not(:disabled):not(:active){
62
+ color:var(--magritte-color-component-form-label-text-state-content-hovered-v18-1-2);
63
+ --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-hovered-v18-1-2);
64
64
  }
65
65
  }
66
66
  @media (min-width: 1024px){
67
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_3-3-0:hover:not(:disabled):not(:active){
68
- color:var(--magritte-color-component-form-label-text-state-content-hovered-v18-1-1);
69
- --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-hovered-v18-1-1);
67
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_3-3-1:hover:not(:disabled):not(:active){
68
+ color:var(--magritte-color-component-form-label-text-state-content-hovered-v18-1-2);
69
+ --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-hovered-v18-1-2);
70
70
  }
71
71
  }
72
- .magritte-form-label__counter___a2cSH_3-3-0{
73
- --magritte-counter-label-color:var(--magritte-color-component-form-label-counter-content-v18-1-1);
72
+ .magritte-form-label__counter___a2cSH_3-3-1{
73
+ --magritte-counter-label-color:var(--magritte-color-component-form-label-counter-content-v18-1-2);
74
74
  }
75
- .magritte-form-label_disabled___rq0Rq_3-3-0{
76
- color:var(--magritte-color-component-form-label-text-state-content-disabled-v18-1-1);
77
- --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-disabled-v18-1-1);
75
+ .magritte-form-label_disabled___rq0Rq_3-3-1{
76
+ color:var(--magritte-color-component-form-label-text-state-content-disabled-v18-1-2);
77
+ --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-disabled-v18-1-2);
78
78
  }
79
- .magritte-form-label_disabled___rq0Rq_3-3-0 .magritte-form-label__counter___a2cSH_3-3-0{
80
- --magritte-counter-label-color:var(--magritte-color-component-form-label-counter-state-content-disabled-v18-1-1);
79
+ .magritte-form-label_disabled___rq0Rq_3-3-1 .magritte-form-label__counter___a2cSH_3-3-1{
80
+ --magritte-counter-label-color:var(--magritte-color-component-form-label-counter-state-content-disabled-v18-1-2);
81
81
  }
82
- .magritte-form-label__icon___H57oS_3-3-0{
82
+ .magritte-form-label__icon___H57oS_3-3-1{
83
83
  display:inline-flex;
84
84
  align-items:center;
85
85
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-form-label",
3
- "version": "3.3.0",
3
+ "version": "3.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,18 +22,18 @@
22
22
  "@hh.ru/magritte-common-focus-visible": "0.1.3",
23
23
  "@hh.ru/magritte-common-keyboard": "3.0.2",
24
24
  "@hh.ru/magritte-common-use-disabled": "1.0.8",
25
- "@hh.ru/magritte-design-tokens": "18.1.1",
25
+ "@hh.ru/magritte-design-tokens": "18.1.2",
26
26
  "@hh.ru/magritte-types": "4.0.1",
27
- "@hh.ru/magritte-ui-action": "4.3.4",
28
- "@hh.ru/magritte-ui-bottom-sheet": "4.1.24",
27
+ "@hh.ru/magritte-ui-action": "4.3.5",
28
+ "@hh.ru/magritte-ui-bottom-sheet": "4.1.25",
29
29
  "@hh.ru/magritte-ui-breakpoint": "4.0.1",
30
- "@hh.ru/magritte-ui-counter": "4.0.8",
31
- "@hh.ru/magritte-ui-icon": "7.1.4",
30
+ "@hh.ru/magritte-ui-counter": "4.0.9",
31
+ "@hh.ru/magritte-ui-icon": "7.1.5",
32
32
  "@hh.ru/magritte-ui-mock-component": "1.0.10",
33
- "@hh.ru/magritte-ui-navigation-bar": "4.1.9",
34
- "@hh.ru/magritte-ui-theme-provider": "1.1.21",
35
- "@hh.ru/magritte-ui-tooltip": "6.1.0",
36
- "@hh.ru/magritte-ui-typography": "3.0.8"
33
+ "@hh.ru/magritte-ui-navigation-bar": "4.1.10",
34
+ "@hh.ru/magritte-ui-theme-provider": "1.1.22",
35
+ "@hh.ru/magritte-ui-tooltip": "6.1.1",
36
+ "@hh.ru/magritte-ui-typography": "3.0.9"
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": "f389886d54baa53831572063d657dd243480424e"
45
+ "gitHead": "f983d20d02117bd1e412d635d854ab7c47492692"
46
46
  }