@hh.ru/magritte-ui-form-label 4.0.6 → 4.0.8

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 (4) hide show
  1. package/FormLabel.js +2 -2
  2. package/FormLabel.js.map +1 -1
  3. package/index.css +14 -14
  4. package/package.json +7 -7
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-6","formLabel":"magritte-form-label___Yzcxs_4-0-6","postfix":"magritte-postfix___UBcl3_4-0-6","form-label_disabled":"magritte-form-label_disabled___rq0Rq_4-0-6","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_4-0-6","content":"magritte-content___o4wkg_4-0-6","icon":"magritte-icon___nwksH_4-0-6"};
14
+ var styles = {"form-label":"magritte-form-label___Yzcxs_4-0-8","formLabel":"magritte-form-label___Yzcxs_4-0-8","postfix":"magritte-postfix___UBcl3_4-0-8","form-label_disabled":"magritte-form-label_disabled___rq0Rq_4-0-8","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_4-0-8","content":"magritte-content___o4wkg_4-0-8","icon":"magritte-icon___nwksH_4-0-8"};
15
15
 
16
16
  const FormLabel = (props) => {
17
17
  const disabled = useDisabled();
@@ -54,7 +54,7 @@ const FormLabel = (props) => {
54
54
  onClick: () => {
55
55
  setShowBottomSheet(false);
56
56
  },
57
- }, showDivider: true }), "data-qa": "form-label-bottom-sheet", children: jsx(Text, { typography: "label-2-regular", children: info }) })] }))] }));
57
+ }, showDivider: "always" }), "data-qa": "form-label-bottom-sheet", children: jsx(Text, { typography: "label-2-regular", children: info }) })] }))] }));
58
58
  };
59
59
 
60
60
  export { FormLabel };
package/FormLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormLabel.js","sources":["../src/FormLabel.tsx"],"sourcesContent":["import { FC, useCallback, KeyboardEvent, MouseEvent, useState, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport '@hh.ru/magritte-common-focus-visible';\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { FormLabelProps } from '@hh.ru/magritte-ui-form-label/types';\nimport { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { Tooltip } from '@hh.ru/magritte-ui-tooltip';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './form-label.less';\n\nexport const FormLabel: FC<FormLabelProps> = (props: FormLabelProps) => {\n const disabled = useDisabled();\n const [showBottomSheet, setShowBottomSheet] = useState<boolean>(false);\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const activatorRef = useRef<HTMLSpanElement | null>(null);\n\n const { children, info, postfix, 'data-qa': dataQa = 'form-label', ...restProps } = props;\n\n const onClick = useCallback(\n (event: MouseEvent) => {\n if (info) {\n event.preventDefault();\n }\n\n if (!disabled) {\n setShowBottomSheet(true);\n }\n },\n [disabled, info]\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLLabelElement>) => {\n if (disabled || !onClick) {\n return;\n }\n\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onClick(event as unknown as MouseEvent<HTMLLabelElement>);\n }\n },\n [onClick, disabled]\n );\n\n const propsForInfo = info\n ? {\n tabIndex: disabled ? -1 : 0,\n role: 'button',\n onKeyDown,\n onClick,\n onMouseEnter: () => setShowTooltip(true),\n onMouseLeave: () => setShowTooltip(false),\n onFocus: () => setShowTooltip(true),\n onBlur: () => setShowTooltip(false),\n }\n : {};\n\n return (\n <>\n <label\n className={classNames(styles.formLabel, { [styles.formLabelDisabled]: disabled })}\n data-qa={dataQa}\n {...propsForInfo}\n {...restProps}\n >\n <span className={styles.content}>{children}</span>\n {postfix && (\n <span className={styles.postfix} data-qa=\"form-label-postfix\">\n {postfix}\n </span>\n )}\n {info && (\n <span data-qa=\"form-label-info-icon\" className={styles.icon} ref={activatorRef}>\n <QuestionCircleOutlinedSize16 />\n </span>\n )}\n </label>\n {info && (\n <>\n <Tooltip\n maxWidth={300}\n visible={showTooltip}\n activatorRef={activatorRef}\n alignment=\"center\"\n direction=\"top\"\n data-qa=\"form-label-tooltip\"\n >\n {info}\n </Tooltip>\n <BottomSheet\n visible={showBottomSheet}\n onClose={() => {\n setShowBottomSheet(false);\n }}\n header={\n <NavigationBar\n title={children}\n right={{\n icon: CrossOutlinedSize24,\n onClick: () => {\n setShowBottomSheet(false);\n },\n }}\n showDivider\n />\n }\n data-qa=\"form-label-bottom-sheet\"\n >\n <Text typography=\"label-2-regular\">{info}</Text>\n </BottomSheet>\n </>\n )}\n </>\n );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;AAea,MAAA,SAAS,GAAuB,CAAC,KAAqB,KAAI;AACnE,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AAC/D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;AAE1D,IAAA,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;AAE1F,IAAA,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,KAAiB,KAAI;AAClB,QAAA,IAAI,IAAI,EAAE;YACN,KAAK,CAAC,cAAc,EAAE,CAAC;AAC1B,SAAA;QAED,IAAI,CAAC,QAAQ,EAAE;YACX,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC5B,SAAA;AACL,KAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACnB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,KAAsC,KAAI;AACvC,QAAA,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE;YACtB,OAAO;AACV,SAAA;AAED,QAAA,IAAI,eAAe,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE;YAC9E,OAAO,CAAC,KAAgD,CAAC,CAAC;AAC7D,SAAA;AACL,KAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI;AACrB,UAAE;YACI,QAAQ,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE,QAAQ;YACd,SAAS;YACT,OAAO;AACP,YAAA,YAAY,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC;AACxC,YAAA,YAAY,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC;AACzC,YAAA,OAAO,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC;AACtC,SAAA;UACD,EAAE,CAAC;IAET,QACIA,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,IAAA,CAAA,OAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAiB,GAAG,QAAQ,EAAE,CAAC,EAAA,SAAA,EACxE,MAAM,EAAA,GACX,YAAY,EAAA,GACZ,SAAS,EAAA,QAAA,EAAA,CAEbE,cAAM,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,EACjD,OAAO,KACJA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAU,SAAA,EAAA,oBAAoB,EACxD,QAAA,EAAA,OAAO,EACL,CAAA,CACV,EACA,IAAI,KACDA,GAAc,CAAA,MAAA,EAAA,EAAA,SAAA,EAAA,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAA,QAAA,EAC1EA,GAAC,CAAA,4BAA4B,EAAG,EAAA,CAAA,EAAA,CAC7B,CACV,CAAA,EAAA,CACG,EACP,IAAI,KACDF,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,OAAO,EAAA,EACJ,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,KAAK,EACP,SAAA,EAAA,oBAAoB,EAE3B,QAAA,EAAA,IAAI,EACC,CAAA,EACVA,GAAC,CAAA,WAAW,EACR,EAAA,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,MAAK;4BACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;yBAC7B,EACD,MAAM,EACFA,GAAC,CAAA,aAAa,EACV,EAAA,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE;AACH,gCAAA,IAAI,EAAE,mBAAmB;gCACzB,OAAO,EAAE,MAAK;oCACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;iCAC7B;AACJ,6BAAA,EACD,WAAW,EACb,IAAA,EAAA,CAAA,EAAA,SAAA,EAEE,yBAAyB,EAEjC,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,EAAA,UAAU,EAAC,iBAAiB,EAAA,QAAA,EAAE,IAAI,EAAQ,CAAA,EAAA,CACtC,IACf,CACN,CAAA,EAAA,CACF,EACL;AACN;;;;"}
1
+ {"version":3,"file":"FormLabel.js","sources":["../src/FormLabel.tsx"],"sourcesContent":["import { FC, useCallback, KeyboardEvent, MouseEvent, useState, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport '@hh.ru/magritte-common-focus-visible';\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { FormLabelProps } from '@hh.ru/magritte-ui-form-label/types';\nimport { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { Tooltip } from '@hh.ru/magritte-ui-tooltip';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './form-label.less';\n\nexport const FormLabel: FC<FormLabelProps> = (props: FormLabelProps) => {\n const disabled = useDisabled();\n const [showBottomSheet, setShowBottomSheet] = useState<boolean>(false);\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const activatorRef = useRef<HTMLSpanElement | null>(null);\n\n const { children, info, postfix, 'data-qa': dataQa = 'form-label', ...restProps } = props;\n\n const onClick = useCallback(\n (event: MouseEvent) => {\n if (info) {\n event.preventDefault();\n }\n\n if (!disabled) {\n setShowBottomSheet(true);\n }\n },\n [disabled, info]\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLLabelElement>) => {\n if (disabled || !onClick) {\n return;\n }\n\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onClick(event as unknown as MouseEvent<HTMLLabelElement>);\n }\n },\n [onClick, disabled]\n );\n\n const propsForInfo = info\n ? {\n tabIndex: disabled ? -1 : 0,\n role: 'button',\n onKeyDown,\n onClick,\n onMouseEnter: () => setShowTooltip(true),\n onMouseLeave: () => setShowTooltip(false),\n onFocus: () => setShowTooltip(true),\n onBlur: () => setShowTooltip(false),\n }\n : {};\n\n return (\n <>\n <label\n className={classNames(styles.formLabel, { [styles.formLabelDisabled]: disabled })}\n data-qa={dataQa}\n {...propsForInfo}\n {...restProps}\n >\n <span className={styles.content}>{children}</span>\n {postfix && (\n <span className={styles.postfix} data-qa=\"form-label-postfix\">\n {postfix}\n </span>\n )}\n {info && (\n <span data-qa=\"form-label-info-icon\" className={styles.icon} ref={activatorRef}>\n <QuestionCircleOutlinedSize16 />\n </span>\n )}\n </label>\n {info && (\n <>\n <Tooltip\n maxWidth={300}\n visible={showTooltip}\n activatorRef={activatorRef}\n alignment=\"center\"\n direction=\"top\"\n data-qa=\"form-label-tooltip\"\n >\n {info}\n </Tooltip>\n <BottomSheet\n visible={showBottomSheet}\n onClose={() => {\n setShowBottomSheet(false);\n }}\n header={\n <NavigationBar\n title={children}\n right={{\n icon: CrossOutlinedSize24,\n onClick: () => {\n setShowBottomSheet(false);\n },\n }}\n showDivider=\"always\"\n />\n }\n data-qa=\"form-label-bottom-sheet\"\n >\n <Text typography=\"label-2-regular\">{info}</Text>\n </BottomSheet>\n </>\n )}\n </>\n );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
package/index.css CHANGED
@@ -46,7 +46,7 @@
46
46
  --magritte-color-icon-state-secondary-pressed-v18-2-1:#ABABAB;
47
47
  --magritte-color-icon-state-secondary-disabled-v18-2-1:#767676;
48
48
  }
49
- .magritte-form-label___Yzcxs_4-0-6{
49
+ .magritte-form-label___Yzcxs_4-0-8{
50
50
  font-family:var(--magritte-typography-label-2-regular-font-family-v18-2-1);
51
51
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-2-1);
52
52
  line-height:var(--magritte-typography-label-2-regular-line-height-v18-2-1);
@@ -62,52 +62,52 @@
62
62
  color:var(--magritte-color-text-secondary-v18-2-1);
63
63
  --magritte-ui-icon-color-override:var(--magritte-color-icon-secondary-v18-2-1);
64
64
  }
65
- .magritte-form-label___Yzcxs_4-0-6 .magritte-postfix___UBcl3_4-0-6{
65
+ .magritte-form-label___Yzcxs_4-0-8 .magritte-postfix___UBcl3_4-0-8{
66
66
  color:var(--magritte-color-text-tertiary-v18-2-1);
67
67
  }
68
- .magritte-form-label___Yzcxs_4-0-6.focus-visible{
68
+ .magritte-form-label___Yzcxs_4-0-8.focus-visible{
69
69
  outline:var(--magritte-color-stroke-state-focused-accessible-v18-2-1) solid 4px;
70
70
  }
71
- .magritte-form-label___Yzcxs_4-0-6:not(.magritte-form-label_disabled___rq0Rq_4-0-6):active{
71
+ .magritte-form-label___Yzcxs_4-0-8:not(.magritte-form-label_disabled___rq0Rq_4-0-8):active{
72
72
  color:var(--magritte-color-text-state-secondary-pressed-v18-2-1);
73
73
  --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-pressed-v18-2-1);
74
74
  }
75
- .magritte-form-label___Yzcxs_4-0-6:not(.magritte-form-label_disabled___rq0Rq_4-0-6):active .magritte-postfix___UBcl3_4-0-6{
75
+ .magritte-form-label___Yzcxs_4-0-8:not(.magritte-form-label_disabled___rq0Rq_4-0-8):active .magritte-postfix___UBcl3_4-0-8{
76
76
  color:var(--magritte-color-text-state-tertiary-pressed-v18-2-1);
77
77
  }
78
78
  @media (min-width: 1020px){
79
- body.magritte-old-layout .magritte-form-label___Yzcxs_4-0-6:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-6):not(:active){
79
+ body.magritte-old-layout .magritte-form-label___Yzcxs_4-0-8:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-8):not(:active){
80
80
  color:var(--magritte-color-text-state-secondary-hovered-v18-2-1);
81
81
  --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-hovered-v18-2-1);
82
82
  }
83
- body.magritte-old-layout .magritte-form-label___Yzcxs_4-0-6:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-6):not(:active) .magritte-postfix___UBcl3_4-0-6{
83
+ body.magritte-old-layout .magritte-form-label___Yzcxs_4-0-8:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-8):not(:active) .magritte-postfix___UBcl3_4-0-8{
84
84
  color:var(--magritte-color-text-state-tertiary-hovered-v18-2-1);
85
85
  }
86
86
  }
87
87
  @media (min-width: 1024px){
88
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-0-6:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-6):not(:active){
88
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-0-8:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-8):not(:active){
89
89
  color:var(--magritte-color-text-state-secondary-hovered-v18-2-1);
90
90
  --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-hovered-v18-2-1);
91
91
  }
92
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-0-6:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-6):not(:active) .magritte-postfix___UBcl3_4-0-6{
92
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_4-0-8:hover:not(.magritte-form-label_disabled___rq0Rq_4-0-8):not(:active) .magritte-postfix___UBcl3_4-0-8{
93
93
  color:var(--magritte-color-text-state-tertiary-hovered-v18-2-1);
94
94
  }
95
95
  }
96
- .magritte-form-label_disabled___rq0Rq_4-0-6{
96
+ .magritte-form-label_disabled___rq0Rq_4-0-8{
97
97
  color:var(--magritte-color-text-state-secondary-disabled-v18-2-1);
98
98
  --magritte-ui-icon-color-override:var(--magritte-color-icon-state-secondary-disabled-v18-2-1);
99
99
  }
100
- .magritte-form-label_disabled___rq0Rq_4-0-6 .magritte-postfix___UBcl3_4-0-6{
100
+ .magritte-form-label_disabled___rq0Rq_4-0-8 .magritte-postfix___UBcl3_4-0-8{
101
101
  color:var(--magritte-color-text-state-tertiary-disabled-v18-2-1);
102
102
  }
103
- .magritte-content___o4wkg_4-0-6{
103
+ .magritte-content___o4wkg_4-0-8{
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-6{
110
+ .magritte-postfix___UBcl3_4-0-8{
111
111
  font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v18-2-1);
112
112
  font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v18-2-1);
113
113
  line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v18-2-1);
@@ -122,7 +122,7 @@
122
122
  text-overflow:ellipsis;
123
123
  white-space:nowrap;
124
124
  }
125
- .magritte-icon___nwksH_4-0-6{
125
+ .magritte-icon___nwksH_4-0-8{
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.6",
3
+ "version": "4.0.8",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,19 +20,19 @@
20
20
  "watch": "yarn root:watch $(pwd)"
21
21
  },
22
22
  "dependencies": {
23
- "@hh.ru/magritte-common-focus-visible": "0.1.4",
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
26
  "@hh.ru/magritte-design-tokens": "18.2.1",
27
27
  "@hh.ru/magritte-types": "4.0.2",
28
- "@hh.ru/magritte-ui-action": "4.3.12",
29
- "@hh.ru/magritte-ui-bottom-sheet": "4.1.36",
28
+ "@hh.ru/magritte-ui-action": "4.3.13",
29
+ "@hh.ru/magritte-ui-bottom-sheet": "4.1.38",
30
30
  "@hh.ru/magritte-ui-breakpoint": "4.0.3",
31
31
  "@hh.ru/magritte-ui-icon": "7.1.9",
32
32
  "@hh.ru/magritte-ui-mock-component": "1.0.11",
33
- "@hh.ru/magritte-ui-navigation-bar": "4.1.19",
33
+ "@hh.ru/magritte-ui-navigation-bar": "5.0.0",
34
34
  "@hh.ru/magritte-ui-theme-provider": "1.1.25",
35
- "@hh.ru/magritte-ui-tooltip": "6.1.10",
35
+ "@hh.ru/magritte-ui-tooltip": "6.1.11",
36
36
  "@hh.ru/magritte-ui-typography": "3.0.12"
37
37
  },
38
38
  "peerDependencies": {
@@ -42,5 +42,5 @@
42
42
  "publishConfig": {
43
43
  "access": "public"
44
44
  },
45
- "gitHead": "07811bb36acfa5d6b622e7376d04736612344b19"
45
+ "gitHead": "972bfd4870014387ce9b27bfef00ff9d03577381"
46
46
  }