@hh.ru/magritte-ui-select 12.6.9 → 12.6.11

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 (9) hide show
  1. package/SelectBottomSheet.js +1 -1
  2. package/SelectDrop.js +1 -1
  3. package/SelectEmptyHint.js +1 -1
  4. package/SelectError.js +1 -1
  5. package/SelectModal.js +1 -1
  6. package/SelectOption.js +2 -2
  7. package/SelectOption.js.map +1 -1
  8. package/index.css +33 -33
  9. package/package.json +11 -11
package/SelectBottomSheet.js CHANGED
@@ -25,7 +25,7 @@ import '@hh.ru/magritte-common-use-disabled';
25
25
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
26
26
  import '@hh.ru/magritte-ui-checkbox-radio';
27
27
 
28
- var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-6-9","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-6-9","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-9","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-9","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-9","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-9","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-9","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-9","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-6-9","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-6-9","error-wrapper":"magritte-error-wrapper___P7jYg_12-6-9","errorWrapper":"magritte-error-wrapper___P7jYg_12-6-9"};
28
+ var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-6-11","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-6-11","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-11","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-11","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-11","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-11","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-11","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-11","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-6-11","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-6-11","error-wrapper":"magritte-error-wrapper___P7jYg_12-6-11","errorWrapper":"magritte-error-wrapper___P7jYg_12-6-11"};
29
29
 
30
30
  const SelectOptionDefault = ({ data, input, type, checked, plain, }) => {
31
31
  if (type === 'delimiter') {
package/SelectDrop.js CHANGED
@@ -22,7 +22,7 @@ import '@hh.ru/magritte-common-use-disabled';
22
22
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
23
23
  import '@hh.ru/magritte-ui-checkbox-radio';
24
24
 
25
- var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-9","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-9","select-drop-container":"magritte-select-drop-container___hee1p_12-6-9","selectDropContainer":"magritte-select-drop-container___hee1p_12-6-9","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-6-9","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-6-9","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-6-9","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-6-9","select-drop":"magritte-select-drop___jn4O-_12-6-9","selectDrop":"magritte-select-drop___jn4O-_12-6-9","select-drop-header":"magritte-select-drop-header___fMmio_12-6-9","selectDropHeader":"magritte-select-drop-header___fMmio_12-6-9","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-6-9","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-6-9","label-option":"magritte-label-option___2N7t9_12-6-9","labelOption":"magritte-label-option___2N7t9_12-6-9","loading":"magritte-loading___AMiuq_12-6-9","hint":"magritte-hint___6qaFl_12-6-9"};
25
+ var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-11","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-11","select-drop-container":"magritte-select-drop-container___hee1p_12-6-11","selectDropContainer":"magritte-select-drop-container___hee1p_12-6-11","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-6-11","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-6-11","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-6-11","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-6-11","select-drop":"magritte-select-drop___jn4O-_12-6-11","selectDrop":"magritte-select-drop___jn4O-_12-6-11","select-drop-header":"magritte-select-drop-header___fMmio_12-6-11","selectDropHeader":"magritte-select-drop-header___fMmio_12-6-11","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-6-11","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-6-11","label-option":"magritte-label-option___2N7t9_12-6-11","labelOption":"magritte-label-option___2N7t9_12-6-11","loading":"magritte-loading___AMiuq_12-6-11","hint":"magritte-hint___6qaFl_12-6-11"};
26
26
 
27
27
  const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
28
28
  if (type === 'delimiter') {
package/SelectEmptyHint.js CHANGED
@@ -6,7 +6,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
6
6
  import { Title } from '@hh.ru/magritte-ui-title';
7
7
  import { Text } from '@hh.ru/magritte-ui-typography';
8
8
 
9
- var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_12-6-9","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-6-9","icon":"magritte-icon___F0GQx_12-6-9","icon-init":"magritte-icon-init___GWK-V_12-6-9","iconInit":"magritte-icon-init___GWK-V_12-6-9","icon-search":"magritte-icon-search___ZsqO-_12-6-9","iconSearch":"magritte-icon-search___ZsqO-_12-6-9"};
9
+ var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_12-6-11","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-6-11","icon":"magritte-icon___F0GQx_12-6-11","icon-init":"magritte-icon-init___GWK-V_12-6-11","iconInit":"magritte-icon-init___GWK-V_12-6-11","icon-search":"magritte-icon-search___ZsqO-_12-6-11","iconSearch":"magritte-icon-search___ZsqO-_12-6-11"};
10
10
 
11
11
  const SelectEmptyHint = ({ title, titleElement, description, type }) => {
12
12
  return (jsxs("div", { className: styles.selectEmptyHint, children: [type === 'init' && (jsx("div", { className: classnames(styles.icon, styles.iconInit), children: jsx(MagnifierOutlinedSize24, {}) })), type === 'emptySearch' && (jsx("div", { className: classnames(styles.icon, styles.iconSearch), children: jsx(EmojiHalfsadOutlinedSize24, {}) })), jsx(VSpacing, { default: 32 }), jsx(Title, { Element: titleElement, size: "small", children: title }), jsx(VSpacing, { default: 8 }), Boolean(description) && (jsx(Text, { typography: "paragraph-2-regular", style: "secondary", children: description }))] }));
package/SelectError.js CHANGED
@@ -7,7 +7,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
7
7
  import { Title } from '@hh.ru/magritte-ui-title';
8
8
  import { Text } from '@hh.ru/magritte-ui-typography';
9
9
 
10
- var styles = {"error-container":"magritte-error-container___t9B5w_12-6-9","errorContainer":"magritte-error-container___t9B5w_12-6-9"};
10
+ var styles = {"error-container":"magritte-error-container___t9B5w_12-6-11","errorContainer":"magritte-error-container___t9B5w_12-6-11"};
11
11
 
12
12
  const SelectError = ({ innerErrorTrls, reload, }) => {
13
13
  const { isMobile } = useBreakpoint();
package/SelectModal.js CHANGED
@@ -24,7 +24,7 @@ import '@hh.ru/magritte-common-use-disabled';
24
24
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
25
25
  import '@hh.ru/magritte-ui-checkbox-radio';
26
26
 
27
- var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_12-6-9","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-6-9","select-modal":"magritte-select-modal___f9wc6_12-6-9","selectModal":"magritte-select-modal___f9wc6_12-6-9","select-modal_plain":"magritte-select-modal_plain___0rP39_12-6-9","selectModalPlain":"magritte-select-modal_plain___0rP39_12-6-9","label-option":"magritte-label-option___kFAuR_12-6-9","labelOption":"magritte-label-option___kFAuR_12-6-9","layer-full-height":"magritte-layer-full-height___cJX-K_12-6-9","layerFullHeight":"magritte-layer-full-height___cJX-K_12-6-9"};
27
+ var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_12-6-11","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-6-11","select-modal":"magritte-select-modal___f9wc6_12-6-11","selectModal":"magritte-select-modal___f9wc6_12-6-11","select-modal_plain":"magritte-select-modal_plain___0rP39_12-6-11","selectModalPlain":"magritte-select-modal_plain___0rP39_12-6-11","label-option":"magritte-label-option___kFAuR_12-6-11","labelOption":"magritte-label-option___kFAuR_12-6-11","layer-full-height":"magritte-layer-full-height___cJX-K_12-6-11","layerFullHeight":"magritte-layer-full-height___cJX-K_12-6-11"};
28
28
 
29
29
  const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
30
30
  if (type === 'delimiter') {
package/SelectOption.js CHANGED
@@ -8,7 +8,7 @@ import { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/Checkabl
8
8
  import { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';
9
9
  import { Text } from '@hh.ru/magritte-ui-typography';
10
10
 
11
- var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_12-6-9","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-6-9","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-6-9","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-6-9","select-delimiter":"magritte-select-delimiter___WyeR6_12-6-9","selectDelimiter":"magritte-select-delimiter___WyeR6_12-6-9"};
11
+ var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_12-6-11","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-6-11","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-6-11","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-6-11","select-delimiter":"magritte-select-delimiter___WyeR6_12-6-11","selectDelimiter":"magritte-select-delimiter___WyeR6_12-6-11"};
12
12
 
13
13
  const CheckableComponent = ({ type, value, checked, name, onChange, 'data-qa': dataQa, }) => {
14
14
  if (type === 'label') {
@@ -45,7 +45,7 @@ const SelectOption = ({ checked, name, disabled, render, type, onChange, plain,
45
45
  return (jsx("div", { className: classnames({ [styles.selectDelimiter]: !plain }), children: jsx(Text, { typography: "label-3-regular", children: render(renderProps) }) }));
46
46
  }
47
47
  if (plain) {
48
- return (jsx("div", { className: classnames(styles.selectOptionPlain, { [styles.selectOptionPlainActive]: !disabled }), "data-qa": `magritte-select-option-${data.value}`, "data-magritte-select-option": data.value, role: "option", "aria-selected": checked, tabIndex: disabled ? -1 : 0, onClick: () => {
48
+ return (jsx("div", { className: classnames(styles.selectOptionPlain, { [styles.selectOptionPlainActive]: !disabled }), "data-qa": `magritte-select-option-${data.value}`, "data-magritte-select-option": data.value, role: "option", "aria-selected": checked, tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, onClick: () => {
49
49
  if (disabled) {
50
50
  return;
51
51
  }
package/SelectOption.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectOption.js","sources":["src/SelectOption.tsx"],"sourcesContent":["import { useState, useRef, ReactElement } from 'react';\nimport classnames from 'classnames';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';\nimport { SelectOptionProps, CheckableComponentProps } from '@hh.ru/magritte-ui-select/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './select-option.less';\n\nconst CheckableComponent = <DataType extends StaticDataFetcherItem>({\n type,\n value,\n checked,\n name,\n onChange,\n 'data-qa': dataQa,\n}: CheckableComponentProps<DataType>): ReactElement => {\n if (type === 'label') {\n return <input type=\"hidden\" name={name} value={value.value} />;\n }\n if (type === 'radio') {\n return (\n <Radio\n data-focus-visible-skip=\"true\"\n data-qa={dataQa}\n tabIndex={-1}\n name={name}\n value={value.value}\n checked={checked}\n onChange={(event) => {\n onChange(value, event.target.checked);\n }}\n />\n );\n }\n return (\n <Checkbox\n data-focus-visible-skip=\"true\"\n data-qa={dataQa}\n tabIndex={-1}\n name={name}\n value={value.value}\n checked={checked}\n onChange={(event) => {\n onChange(value, event.target.checked);\n }}\n />\n );\n};\n\nCheckableComponent.displayName = 'SelectInputRender';\n\nexport const SelectOption = <DataType extends StaticDataFetcherItem>({\n checked,\n name,\n disabled,\n render,\n type,\n onChange,\n plain,\n data,\n multiple,\n isMobile,\n 'data-qa': dataQa,\n}: SelectOptionProps<DataType>): ReactElement => {\n const [focusVisible, setFocusVisible] = useState(false);\n const focusedByMouseRef = useRef(false);\n const input = CheckableComponent<DataType>({ type, value: data, checked, name, onChange, 'data-qa': dataQa });\n const renderProps = {\n data,\n checked,\n multiple,\n name,\n onChange,\n input,\n type,\n plain,\n disabled,\n render,\n isMobile,\n };\n if (type === 'delimiter') {\n return (\n <div className={classnames({ [styles.selectDelimiter]: !plain })}>\n <Text typography=\"label-3-regular\">{render(renderProps)}</Text>\n </div>\n );\n }\n if (plain) {\n return (\n <div\n className={classnames(styles.selectOptionPlain, { [styles.selectOptionPlainActive]: !disabled })}\n data-qa={`magritte-select-option-${data.value}`}\n data-magritte-select-option={data.value}\n role=\"option\"\n aria-selected={checked}\n tabIndex={disabled ? -1 : 0}\n onClick={() => {\n if (disabled) {\n return;\n }\n onChange(data, !checked);\n }}\n onKeyDown={(event) => {\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onChange(data, !checked);\n }\n }}\n >\n <DisabledContext.Provider value={!!disabled}>{render(renderProps)}</DisabledContext.Provider>\n </div>\n );\n }\n return (\n <CheckableCardElement\n Element=\"label\"\n role=\"option\"\n padding={16}\n borderRadius={12}\n flexible={false}\n checked={checked}\n data-magritte-select-option={data.value}\n focusVisible={focusVisible}\n data-qa={`magritte-select-option-${data.value}`}\n disabled={disabled}\n aria-selected={checked}\n toneHover\n onClick={() => {\n if (type === 'label' && !disabled) {\n onChange(data, !checked);\n }\n }}\n onMouseDown={() => {\n focusedByMouseRef.current = true;\n }}\n onKeyDown={(event) => {\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onChange(data, !checked);\n event.preventDefault();\n setFocusVisible(true);\n }\n }}\n onFocus={(event) => {\n if (!event.target.dataset.focusVisibleSkip) {\n return;\n }\n if (focusedByMouseRef.current) {\n focusedByMouseRef.current = false;\n return;\n }\n setFocusVisible(true);\n }}\n onBlur={() => {\n if (focusVisible) {\n setFocusVisible(false);\n }\n }}\n >\n {render(renderProps)}\n </CheckableCardElement>\n );\n};\n"],"names":["_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"SelectOption.js","sources":["src/SelectOption.tsx"],"sourcesContent":["import { useState, useRef, ReactElement } from 'react';\nimport classnames from 'classnames';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';\nimport { SelectOptionProps, CheckableComponentProps } from '@hh.ru/magritte-ui-select/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './select-option.less';\n\nconst CheckableComponent = <DataType extends StaticDataFetcherItem>({\n type,\n value,\n checked,\n name,\n onChange,\n 'data-qa': dataQa,\n}: CheckableComponentProps<DataType>): ReactElement => {\n if (type === 'label') {\n return <input type=\"hidden\" name={name} value={value.value} />;\n }\n if (type === 'radio') {\n return (\n <Radio\n data-focus-visible-skip=\"true\"\n data-qa={dataQa}\n tabIndex={-1}\n name={name}\n value={value.value}\n checked={checked}\n onChange={(event) => {\n onChange(value, event.target.checked);\n }}\n />\n );\n }\n return (\n <Checkbox\n data-focus-visible-skip=\"true\"\n data-qa={dataQa}\n tabIndex={-1}\n name={name}\n value={value.value}\n checked={checked}\n onChange={(event) => {\n onChange(value, event.target.checked);\n }}\n />\n );\n};\n\nCheckableComponent.displayName = 'SelectInputRender';\n\nexport const SelectOption = <DataType extends StaticDataFetcherItem>({\n checked,\n name,\n disabled,\n render,\n type,\n onChange,\n plain,\n data,\n multiple,\n isMobile,\n 'data-qa': dataQa,\n}: SelectOptionProps<DataType>): ReactElement => {\n const [focusVisible, setFocusVisible] = useState(false);\n const focusedByMouseRef = useRef(false);\n const input = CheckableComponent<DataType>({ type, value: data, checked, name, onChange, 'data-qa': dataQa });\n const renderProps = {\n data,\n checked,\n multiple,\n name,\n onChange,\n input,\n type,\n plain,\n disabled,\n render,\n isMobile,\n };\n if (type === 'delimiter') {\n return (\n <div className={classnames({ [styles.selectDelimiter]: !plain })}>\n <Text typography=\"label-3-regular\">{render(renderProps)}</Text>\n </div>\n );\n }\n if (plain) {\n return (\n <div\n className={classnames(styles.selectOptionPlain, { [styles.selectOptionPlainActive]: !disabled })}\n data-qa={`magritte-select-option-${data.value}`}\n data-magritte-select-option={data.value}\n role=\"option\"\n aria-selected={checked}\n tabIndex={disabled ? -1 : 0}\n aria-disabled={disabled}\n onClick={() => {\n if (disabled) {\n return;\n }\n onChange(data, !checked);\n }}\n onKeyDown={(event) => {\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onChange(data, !checked);\n }\n }}\n >\n <DisabledContext.Provider value={!!disabled}>{render(renderProps)}</DisabledContext.Provider>\n </div>\n );\n }\n return (\n <CheckableCardElement\n Element=\"label\"\n role=\"option\"\n padding={16}\n borderRadius={12}\n flexible={false}\n checked={checked}\n data-magritte-select-option={data.value}\n focusVisible={focusVisible}\n data-qa={`magritte-select-option-${data.value}`}\n disabled={disabled}\n aria-selected={checked}\n toneHover\n onClick={() => {\n if (type === 'label' && !disabled) {\n onChange(data, !checked);\n }\n }}\n onMouseDown={() => {\n focusedByMouseRef.current = true;\n }}\n onKeyDown={(event) => {\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onChange(data, !checked);\n event.preventDefault();\n setFocusVisible(true);\n }\n }}\n onFocus={(event) => {\n if (!event.target.dataset.focusVisibleSkip) {\n return;\n }\n if (focusedByMouseRef.current) {\n focusedByMouseRef.current = false;\n return;\n }\n setFocusVisible(true);\n }}\n onBlur={() => {\n if (focusVisible) {\n setFocusVisible(false);\n }\n }}\n >\n {render(renderProps)}\n </CheckableCardElement>\n );\n};\n"],"names":["_jsx"],"mappings":"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"}
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .magritte-error-container___t9B5w_12-6-9{
1
+ .magritte-error-container___t9B5w_12-6-11{
2
2
  display:flex;
3
3
  flex-direction:column;
4
4
  align-items:center;
@@ -6,13 +6,13 @@
6
6
  justify-content:center;
7
7
  }
8
8
  @media (min-width: 1020px){
9
- body.magritte-old-layout .magritte-error-container___t9B5w_12-6-9{
9
+ body.magritte-old-layout .magritte-error-container___t9B5w_12-6-11{
10
10
  min-height:320px;
11
11
  height:auto;
12
12
  }
13
13
  }
14
14
  @media (min-width: 1024px){
15
- body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-6-9{
15
+ body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-6-11{
16
16
  min-height:320px;
17
17
  height:auto;
18
18
  }
@@ -21,89 +21,89 @@
21
21
  :root{
22
22
  --magritte-color-component-input-stroke-state-accent-focused-accessible-v24-5-0:#0070ff7a;
23
23
  }
24
- .magritte-select-option-plain___dfz4a_12-6-9{
24
+ .magritte-select-option-plain___dfz4a_12-6-11{
25
25
  border-radius:8px;
26
26
  }
27
- .magritte-select-option-plain___dfz4a_12-6-9.focus-visible{
27
+ .magritte-select-option-plain___dfz4a_12-6-11.focus-visible{
28
28
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-5-0) solid 4px;
29
29
  }
30
- .magritte-select-option-plain___dfz4a_12-6-9:hover{
30
+ .magritte-select-option-plain___dfz4a_12-6-11:hover{
31
31
  cursor:default;
32
32
  }
33
- .magritte-select-option-plain_active___AQSQS_12-6-9:hover{
33
+ .magritte-select-option-plain_active___AQSQS_12-6-11:hover{
34
34
  cursor:pointer;
35
35
  }
36
- .magritte-select-delimiter___WyeR6_12-6-9{
36
+ .magritte-select-delimiter___WyeR6_12-6-11{
37
37
  padding-left:16px;
38
38
  padding-top:12px;
39
39
  }
40
40
 
41
- .magritte-select-bottom-sheet___1RZDJ_12-6-9{
41
+ .magritte-select-bottom-sheet___1RZDJ_12-6-11{
42
42
  display:flex;
43
43
  flex-direction:column;
44
44
  padding:0 16px;
45
45
  padding-bottom:16px;
46
46
  }
47
- .magritte-select-bottom-sheet_checkbox___hwTgo_12-6-9,
48
- .magritte-select-bottom-sheet_radio___qvFFV_12-6-9{
47
+ .magritte-select-bottom-sheet_checkbox___hwTgo_12-6-11,
48
+ .magritte-select-bottom-sheet_radio___qvFFV_12-6-11{
49
49
  gap:12px;
50
50
  }
51
- .magritte-select-bottom-sheet_without-header___KOKVh_12-6-9{
51
+ .magritte-select-bottom-sheet_without-header___KOKVh_12-6-11{
52
52
  padding-top:16px;
53
53
  }
54
- .magritte-full-screen-placeholder___zPC8k_12-6-9{
54
+ .magritte-full-screen-placeholder___zPC8k_12-6-11{
55
55
  display:flex;
56
56
  flex-direction:column;
57
57
  align-items:center;
58
58
  height:100%;
59
59
  justify-content:center;
60
60
  }
61
- .magritte-error-wrapper___P7jYg_12-6-9{
61
+ .magritte-error-wrapper___P7jYg_12-6-11{
62
62
  height:100%;
63
63
  }
64
64
 
65
- .magritte-select-drop-container-wrapper___OHM0q_12-6-9{
65
+ .magritte-select-drop-container-wrapper___OHM0q_12-6-11{
66
66
  display:flex;
67
67
  flex-direction:column;
68
68
  }
69
- .magritte-select-drop-container___hee1p_12-6-9{
69
+ .magritte-select-drop-container___hee1p_12-6-11{
70
70
  display:flex;
71
71
  flex-direction:column;
72
72
  padding:12px;
73
73
  margin:calc(-1 * 12px);
74
74
  }
75
- .magritte-select-drop-container_plain___766zl_12-6-9{
75
+ .magritte-select-drop-container_plain___766zl_12-6-11{
76
76
  padding:24px;
77
77
  margin:calc(-1 * 24px);
78
78
  }
79
- .magritte-select-drop-container_with-footer___6wp-L_12-6-9{
79
+ .magritte-select-drop-container_with-footer___6wp-L_12-6-11{
80
80
  margin-bottom:0;
81
81
  padding-bottom:0;
82
82
  }
83
- .magritte-select-drop___jn4O-_12-6-9{
83
+ .magritte-select-drop___jn4O-_12-6-11{
84
84
  display:flex;
85
85
  flex-direction:column;
86
86
  gap:8px;
87
87
  }
88
- .magritte-select-drop-header___fMmio_12-6-9{
88
+ .magritte-select-drop-header___fMmio_12-6-11{
89
89
  display:flex;
90
90
  flex-direction:column;
91
91
  margin-bottom:8px;
92
92
  }
93
- .magritte-select-drop_plain___VL8Fz_12-6-9{
93
+ .magritte-select-drop_plain___VL8Fz_12-6-11{
94
94
  gap:16px;
95
95
  }
96
- .magritte-label-option___2N7t9_12-6-9{
96
+ .magritte-label-option___2N7t9_12-6-11{
97
97
  display:flex;
98
98
  justify-content:center;
99
99
  }
100
- .magritte-loading___AMiuq_12-6-9{
100
+ .magritte-loading___AMiuq_12-6-11{
101
101
  display:flex;
102
102
  align-items:center;
103
103
  height:150px;
104
104
  justify-content:center;
105
105
  }
106
- .magritte-hint___6qaFl_12-6-9{
106
+ .magritte-hint___6qaFl_12-6-11{
107
107
  display:flex;
108
108
  flex-direction:column;
109
109
  align-items:center;
@@ -111,24 +111,24 @@
111
111
  justify-content:center;
112
112
  }
113
113
 
114
- .magritte-select-modal-wrapper___5BhtC_12-6-9{
114
+ .magritte-select-modal-wrapper___5BhtC_12-6-11{
115
115
  display:flex;
116
116
  flex-direction:column;
117
117
  flex-grow:1;
118
118
  }
119
- .magritte-select-modal___f9wc6_12-6-9{
119
+ .magritte-select-modal___f9wc6_12-6-11{
120
120
  display:flex;
121
121
  flex-direction:column;
122
122
  gap:12px;
123
123
  }
124
- .magritte-select-modal_plain___0rP39_12-6-9{
124
+ .magritte-select-modal_plain___0rP39_12-6-11{
125
125
  gap:0;
126
126
  }
127
- .magritte-label-option___kFAuR_12-6-9{
127
+ .magritte-label-option___kFAuR_12-6-11{
128
128
  display:flex;
129
129
  justify-content:center;
130
130
  }
131
- .magritte-layer-full-height___cJX-K_12-6-9{
131
+ .magritte-layer-full-height___cJX-K_12-6-11{
132
132
  display:flex;
133
133
  flex-direction:column;
134
134
  align-items:center;
@@ -155,14 +155,14 @@
155
155
  --magritte-color-background-accent-secondary-v24-5-0:#F1F4F7;
156
156
  --magritte-color-icon-accent-v24-5-0:#7195AF;
157
157
  }
158
- .magritte-select-empty-hint___B39XJ_12-6-9{
158
+ .magritte-select-empty-hint___B39XJ_12-6-11{
159
159
  display:flex;
160
160
  flex-direction:column;
161
161
  justify-content:center;
162
162
  align-content:center;
163
163
  align-items:center;
164
164
  }
165
- .magritte-icon___F0GQx_12-6-9{
165
+ .magritte-icon___F0GQx_12-6-11{
166
166
  display:flex;
167
167
  align-items:center;
168
168
  justify-content:center;
@@ -170,11 +170,11 @@
170
170
  height:48px;
171
171
  border-radius:50%;
172
172
  }
173
- .magritte-icon-init___GWK-V_12-6-9{
173
+ .magritte-icon-init___GWK-V_12-6-11{
174
174
  background-color:var(--magritte-color-background-accent-secondary-v24-5-0);
175
175
  --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v24-5-0);
176
176
  }
177
- .magritte-icon-search___ZsqO-_12-6-9{
177
+ .magritte-icon-search___ZsqO-_12-6-11{
178
178
  background-color:var(--magritte-color-background-secondary-v24-5-0);
179
179
  --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-5-0);
180
180
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-select",
3
- "version": "12.6.9",
3
+ "version": "12.6.11",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -33,25 +33,25 @@
33
33
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
34
34
  "@hh.ru/magritte-common-use-translation": "3.1.0",
35
35
  "@hh.ru/magritte-design-tokens": "24.5.0",
36
- "@hh.ru/magritte-ui-action-bar": "5.3.12",
37
- "@hh.ru/magritte-ui-bottom-sheet": "9.3.9",
36
+ "@hh.ru/magritte-ui-action-bar": "5.3.13",
37
+ "@hh.ru/magritte-ui-bottom-sheet": "9.3.11",
38
38
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
39
- "@hh.ru/magritte-ui-button": "7.1.10",
40
- "@hh.ru/magritte-ui-button-stack": "3.0.7",
39
+ "@hh.ru/magritte-ui-button": "7.2.0",
40
+ "@hh.ru/magritte-ui-button-stack": "3.0.8",
41
41
  "@hh.ru/magritte-ui-cell": "7.2.12",
42
- "@hh.ru/magritte-ui-checkable-card": "5.0.16",
42
+ "@hh.ru/magritte-ui-checkable-card": "5.0.17",
43
43
  "@hh.ru/magritte-ui-checkbox-radio": "4.1.10",
44
- "@hh.ru/magritte-ui-drop": "12.3.6",
44
+ "@hh.ru/magritte-ui-drop": "12.3.8",
45
45
  "@hh.ru/magritte-ui-icon": "14.1.0",
46
- "@hh.ru/magritte-ui-input": "9.4.12",
46
+ "@hh.ru/magritte-ui-input": "9.4.13",
47
47
  "@hh.ru/magritte-ui-loader": "3.0.1",
48
48
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
49
- "@hh.ru/magritte-ui-modal": "10.0.8",
49
+ "@hh.ru/magritte-ui-modal": "10.0.10",
50
50
  "@hh.ru/magritte-ui-navigation-bar": "10.1.16",
51
51
  "@hh.ru/magritte-ui-spacing": "2.1.14",
52
52
  "@hh.ru/magritte-ui-title": "8.0.1",
53
- "@hh.ru/magritte-ui-trigger": "4.3.3",
53
+ "@hh.ru/magritte-ui-trigger": "4.3.4",
54
54
  "@hh.ru/magritte-ui-typography": "5.0.1"
55
55
  },
56
- "gitHead": "24e07896cfb0fcf57fb276b38d90d68b53219a2f"
56
+ "gitHead": "5d6c1cb9f946c7e457bfb1da96190fbec749d70a"
57
57
  }