mimir-ui-kit 1.17.3 → 1.19.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. package/README.md +62 -62
  2. package/dist/{Input-D-FCB1FU.js → Input-BFFPzelg.js} +2 -2
  3. package/dist/assets/Accordion.css +1 -1
  4. package/dist/assets/Checkbox.css +0 -0
  5. package/dist/assets/Drawer.css +1 -1
  6. package/dist/assets/NotificationBadge.css +1 -0
  7. package/dist/assets/SelectSearch.css +1 -1
  8. package/dist/assets/Steps.css +1 -1
  9. package/dist/assets/Switch.css +1 -1
  10. package/dist/assets/TabTrail.css +1 -1
  11. package/dist/assets/Vote.css +1 -1
  12. package/dist/assets/index.css +1 -1
  13. package/dist/components/Accordion/Accordion.d.ts +3 -1
  14. package/dist/components/Accordion/Accordion.js +32 -17
  15. package/dist/components/Accordion/constants.d.ts +8 -0
  16. package/dist/components/Accordion/constants.js +12 -0
  17. package/dist/components/Checkbox/Checkbox.d.ts +23 -0
  18. package/dist/components/Checkbox/Checkbox.js +24 -0
  19. package/dist/components/Checkbox/constants.d.ts +0 -0
  20. package/dist/components/Checkbox/constants.js +1 -0
  21. package/dist/components/Checkbox/index.d.ts +1 -0
  22. package/dist/components/Checkbox/index.js +4 -0
  23. package/dist/components/Checkbox/types.d.ts +0 -0
  24. package/dist/components/Checkbox/types.js +1 -0
  25. package/dist/components/DatePicker/DatePicker.js +1 -1
  26. package/dist/components/Drawer/Drawer.js +17 -15
  27. package/dist/components/Drawer/constants.d.ts +2 -1
  28. package/dist/components/Drawer/constants.js +1 -0
  29. package/dist/components/Input/Input.js +1 -1
  30. package/dist/components/Input/index.js +1 -1
  31. package/dist/components/InputPassword/InputPassword.js +1 -1
  32. package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
  33. package/dist/components/NotificationBadge/NotificationBadge.d.ts +3 -0
  34. package/dist/components/NotificationBadge/NotificationBadge.js +38 -0
  35. package/dist/components/NotificationBadge/constants.d.ts +4 -0
  36. package/dist/components/NotificationBadge/constants.js +8 -0
  37. package/dist/components/NotificationBadge/index.d.ts +3 -0
  38. package/dist/components/NotificationBadge/index.js +6 -0
  39. package/dist/components/NotificationBadge/types.d.ts +25 -0
  40. package/dist/components/NotificationBadge/types.js +1 -0
  41. package/dist/components/OtpInput/OtpInput.js +1 -1
  42. package/dist/components/SelectSearch/SelectSearch.js +48 -29
  43. package/dist/components/SelectSearch/types.d.ts +8 -0
  44. package/dist/components/Steps/Steps.d.ts +9 -9
  45. package/dist/components/Steps/Steps.js +18 -34
  46. package/dist/components/Steps/constants.d.ts +6 -13
  47. package/dist/components/Steps/constants.js +9 -20
  48. package/dist/components/Steps/index.d.ts +2 -2
  49. package/dist/components/Steps/index.js +2 -3
  50. package/dist/components/Steps/types.d.ts +5 -1
  51. package/dist/components/Switch/Switch.d.ts +7 -2
  52. package/dist/components/Switch/Switch.js +24 -17
  53. package/dist/components/TabTrail/TabTrail.d.ts +24 -0
  54. package/dist/components/TabTrail/TabTrail.js +18 -17
  55. package/dist/components/TextArea/TextArea.js +3 -3
  56. package/dist/components/Vote/Vote.d.ts +19 -13
  57. package/dist/components/Vote/Vote.js +43 -64
  58. package/dist/components/index.d.ts +4 -1
  59. package/dist/components/index.js +7 -4
  60. package/dist/hooks/useMediaQuery/useMediaQuery.d.ts +2 -2
  61. package/dist/index.js +7 -4
  62. package/package.json +1 -1
package/README.md CHANGED
@@ -1,62 +1,62 @@
1
- # Mimir-ui
2
-
3
- ## Установка и запуск проекта
4
-
5
- 1. Установите зависимости:
6
- ```bash
7
- npm install
8
- ```
9
- 2. Запуск storybook
10
- ```bash
11
- npm run storybook
12
- ```
13
-
14
- ## Сборка проекта
15
-
16
- 1. Скрипт для сборки
17
- ```bash
18
- npm run build
19
- ```
20
-
21
- ## Создание нового компонента
22
-
23
- ```bash
24
- npm run create-component <ComponentName>
25
- ```
26
-
27
- ## Поднятие версии для публикации на npm
28
-
29
- Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
30
-
31
- 1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
32
-
33
- ```bash
34
- npm version patch
35
- ```
36
-
37
- 2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
38
- ```bash
39
- npm version minor
40
- ```
41
- 3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
42
- ```bash
43
- npm version major
44
- ```
45
-
46
- ## Публикация на npm
47
-
48
- 1. Скрипт для публикации на npm:
49
- ```bash
50
- npm publish
51
- ```
52
-
53
- ## Ручная Генерация иконок
54
-
55
- 1. Экспортируем с фигмы иконку.
56
- 2. Добавляем ее в папку svgs.
57
- 3. Запускаем скрипт:
58
- ```bash
59
- npm run icons
60
- ```
61
- 4. Смотрим в папку `icons/components`
62
- 5. Готово.
1
+ # Mimir-ui
2
+
3
+ ## Установка и запуск проекта
4
+
5
+ 1. Установите зависимости:
6
+ ```bash
7
+ npm install
8
+ ```
9
+ 2. Запуск storybook
10
+ ```bash
11
+ npm run storybook
12
+ ```
13
+
14
+ ## Сборка проекта
15
+
16
+ 1. Скрипт для сборки
17
+ ```bash
18
+ npm run build
19
+ ```
20
+
21
+ ## Создание нового компонента
22
+
23
+ ```bash
24
+ npm run create-component <ComponentName>
25
+ ```
26
+
27
+ ## Поднятие версии для публикации на npm
28
+
29
+ Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
30
+
31
+ 1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
32
+
33
+ ```bash
34
+ npm version patch
35
+ ```
36
+
37
+ 2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
38
+ ```bash
39
+ npm version minor
40
+ ```
41
+ 3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
42
+ ```bash
43
+ npm version major
44
+ ```
45
+
46
+ ## Публикация на npm
47
+
48
+ 1. Скрипт для публикации на npm:
49
+ ```bash
50
+ npm publish
51
+ ```
52
+
53
+ ## Ручная Генерация иконок
54
+
55
+ 1. Экспортируем с фигмы иконку.
56
+ 2. Добавляем ее в папку svgs.
57
+ 3. Запускаем скрипт:
58
+ ```bash
59
+ npm run icons
60
+ ```
61
+ 4. Смотрим в папку `icons/components`
62
+ 5. Готово.
@@ -84,7 +84,6 @@ const Input = memo(
84
84
  id,
85
85
  onFocus,
86
86
  onBlur,
87
- onChange,
88
87
  label: label2,
89
88
  withClearButton,
90
89
  disabled: disabled2,
@@ -126,9 +125,10 @@ const Input = memo(
126
125
  }
127
126
  };
128
127
  const handleChange = (event) => {
128
+ var _a;
129
129
  const targetValue = event.target.value;
130
130
  setWithValue(!!targetValue);
131
- onChange == null ? void 0 : onChange(event);
131
+ (_a = otherProps == null ? void 0 : otherProps.onChange) == null ? void 0 : _a.call(otherProps, event);
132
132
  };
133
133
  const currentLeftAddon = renderAddon(leftAddon);
134
134
  const currentRightAddon = renderAddon(rightAddon);
@@ -1 +1 @@
1
- ._accordion_11o2x_2{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_11o2x_2 svg path{fill:var(--white)}._accordion_11o2x_2._is-link_11o2x_9{border:none}._header_11o2x_13{display:flex;gap:var(--space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--font-weight-text-medium);font-family:var(--font-montserrat);text-align:left;border:none;cursor:pointer}._title_11o2x_26{font-size:var(--accordion-text-size)}._title-uppercase_11o2x_29{text-transform:uppercase}._icon_11o2x_33{transition:transform .3s ease-in-out}._icon-container_11o2x_36{display:flex;align-items:center;justify-content:center;min-width:var(--accordion-icon-width);min-height:var(--accordion-icon-height);background-color:var(--black-80);border-radius:50%;transition:background-color .3s ease-in-out}._panel_11o2x_47{margin-top:var(--accordion-panel-space)}._panel_11o2x_47._is-link_11o2x_9{margin-top:var(--space-xs)}._open_11o2x_54{background-color:var(--sapphire-100)}._open_11o2x_54 svg{transform:rotate(-180deg)}._link-open_11o2x_61{transform:rotate(-180deg)}._m_11o2x_65{--accordion-space: var(--space-xl);--accordion-text-size: var(--size-text-xl2);--accordion-icon-width: var(--accordion-icon-size-m);--accordion-icon-height: var(--accordion-icon-size-m);--accordion-panel-space: var(--space-xl)}._s_11o2x_73{--accordion-space: var(--space-m);--accordion-text-size: var(--size-text-l);--accordion-icon-width: var(--accordion-icon-size-s);--accordion-icon-height: var(--accordion-icon-size-s);--accordion-panel-space: var(--space-m)}
1
+ ._accordion_11qul_2{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_11qul_2 svg path{fill:var(--white)}._accordion_11qul_2._is-link_11qul_9{border:none}._header_11qul_13{display:flex;gap:var(--space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--font-weight-text-medium);font-family:var(--font-montserrat);text-align:left;border:none;cursor:pointer}._title_11qul_26{font-size:var(--accordion-text-size)}._title-uppercase_11qul_29{text-transform:uppercase}._icon_11qul_33{transition:transform .3s ease-in-out}._icon-container_11qul_36{display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}._circle_11qul_43{min-width:var(--accordion-icon-circle-width);min-height:var(--accordion-icon-circle-height);background-color:var(--black-80);border-radius:50%}._square_11qul_50{min-width:var(--accordion-icon-square-width);min-height:var(--accordion-icon-square-height);background-color:var(--white);border-radius:var(--control-radius)}._square_11qul_50 svg path{fill:var(--black-100)}._panel_11qul_60{margin-top:var(--accordion-panel-space)}._panel_11qul_60._is-link_11qul_9{margin-top:var(--space-xs)}._open_11qul_67{background-color:var(--sapphire-100)}._open_11qul_67 svg{transform:rotate(-180deg)}._open_11qul_67._circle_11qul_43{background-color:var(--sapphire-100)}._open_11qul_67._square_11qul_50{background-color:var(--black-80)}._open_11qul_67._square_11qul_50 svg path{fill:var(--white)}._link-open_11qul_83{transform:rotate(-180deg)}._m_11qul_87{--accordion-space: var(--space-xl);--accordion-text-size: var(--size-text-xl2);--accordion-icon-circle-width: var(--accordion-icon-circle-size-m);--accordion-icon-circle-height: var(--accordion-icon-circle-size-m);--accordion-icon-square-width: var(--accordion-icon-square-size-m);--accordion-icon-square-height: var(--accordion-icon-square-size-m);--accordion-panel-space: var(--space-xl)}._s_11qul_50{--accordion-space: var(--space-m);--accordion-text-size: var(--size-text-l);--accordion-icon-circle-width: var(--accordion-icon-circle-size-s);--accordion-icon-circle-height: var(--accordion-icon-circle-size-s);--accordion-icon-square-width: var(--accordion-icon-square-size-s);--accordion-icon-square-height: var(--accordion-icon-square-size-s);--accordion-panel-space: var(--space-m)}
File without changes
@@ -1 +1 @@
1
- ._drawer_luket_3{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_luket_3 ._content_luket_17{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--space-m) var(--space-4xl) var(--space-4xl);transition:all .3s ease}@media (max-width: 600px){._drawer_luket_3 ._content_luket_17{--drawer-width: 100%;padding:var(--space-m)}}._drawer_luket_3 ._header_luket_31{display:flex;gap:var(--space-xs);height:68px}._drawer_luket_3 ._header_luket_31:not(:last-child){margin-bottom:var(--space-2xl)}._drawer_luket_3 ._header_luket_31 ._title_luket_39{flex:1;align-self:flex-end;font-weight:var(--font-weight-text-medium);font-size:var(--size-text-xl3);line-height:var(--line-height-text-s1);letter-spacing:.7px}@media (max-width: 600px){._drawer_luket_3 ._header_luket_31 ._title_luket_39{font-size:var(--size-text-xl2);line-height:var(--line-height-text-xs)}}._drawer_luket_3 ._header_luket_31 ._space_luket_53{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_luket_3 ._header_luket_31{height:55px}._drawer_luket_3 ._header_luket_31:not(:last-child){margin-bottom:var(--space-m)}}._drawer_luket_3 ._inner_luket_64{flex:1}._drawer_luket_3 ._button_luket_67{position:absolute;top:var(--space-m);right:var(--space-m)}._drawer_luket_3 ._footer_luket_72{display:block;padding-top:var(--space-4xl)}@media (max-width: 600px){._drawer_luket_3 ._footer_luket_72{padding-top:var(--space-m)}}._drawer_luket_3 ._footer-button_luket_81{display:block;margin-left:auto}._drawer_luket_3._left_luket_85{top:0;left:-100%}._drawer_luket_3._right_luket_89{top:0;right:-100%}._drawer_luket_3._bottom_luket_93{right:50%;bottom:-100%;left:50%;max-height:80vh;border-top-left-radius:var(--control-radius);border-top-right-radius:var(--control-radius);transform:translate(-50%)}._drawer_luket_3._opened_luket_102{transition:all .3s ease;pointer-events:auto}._drawer_luket_3._opened_luket_102._left_luket_85{left:0%;transition:left .3s ease}._drawer_luket_3._opened_luket_102._right_luket_89{right:0%;transition:right .3s ease}._drawer_luket_3._opened_luket_102._bottom_luket_93{bottom:0%}._drawer_luket_3._is-closing_luket_117._left_luket_85{left:-100%}._drawer_luket_3._is-closing_luket_117._right_luket_89{right:-100%}._drawer_luket_3._is-closing_luket_117._bottom_luket_93{bottom:-100%}@media (max-width: 1440px){._drawer_luket_3{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_luket_3{--drawer-width: 648px}}@media (max-width: 768px){._drawer_luket_3{--drawer-width: 584px}}@media (max-width: 600px){._drawer_luket_3{--drawer-width: 100%}._drawer_luket_3._bottom_luket_93{max-width:359px}}._overlay_luket_150{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_luket_150._opened_luket_102{opacity:1;transition:all .3s ease}._overlay_luket_150._is-closing_luket_117{opacity:0;transition:all .3s ease}
1
+ ._drawer_geqni_3{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_geqni_3 ._content_geqni_17{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--space-m) var(--space-4xl) var(--space-4xl);transition:all .3s ease}@media (max-width: 600px){._drawer_geqni_3 ._content_geqni_17{--drawer-width: 100%;padding:var(--space-m)}}._drawer_geqni_3 ._header_geqni_31{display:flex;gap:var(--space-xs);height:68px}._drawer_geqni_3 ._header_geqni_31:not(:last-child){margin-bottom:var(--space-2xl)}._drawer_geqni_3 ._header_geqni_31 ._title_geqni_39{flex:1;align-self:flex-end;font-weight:var(--font-weight-text-medium);font-size:var(--size-text-xl3);line-height:var(--line-height-text-s1);letter-spacing:.7px}@media (max-width: 600px){._drawer_geqni_3 ._header_geqni_31 ._title_geqni_39{font-size:var(--size-text-xl2);line-height:var(--line-height-text-xs)}}._drawer_geqni_3 ._header_geqni_31 ._space_geqni_53{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_geqni_3 ._header_geqni_31{height:55px}._drawer_geqni_3 ._header_geqni_31:not(:last-child){margin-bottom:var(--space-m)}}._drawer_geqni_3 ._inner_geqni_64{flex:1}._drawer_geqni_3 ._button_geqni_67{position:absolute;top:var(--space-m);right:var(--space-m)}._drawer_geqni_3 ._footer_geqni_72{display:block;padding-top:var(--space-4xl)}@media (max-width: 600px){._drawer_geqni_3 ._footer_geqni_72{padding-top:var(--space-m)}}._drawer_geqni_3 ._footer-button_geqni_81{display:block;margin-left:auto}._drawer_geqni_3._left_geqni_85{top:0;left:-100%}._drawer_geqni_3._right_geqni_89{top:0;right:-100%}._drawer_geqni_3._full_geqni_93{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_geqni_3._bottom_geqni_103{right:50%;bottom:-100%;left:50%;max-height:80vh;border-top-left-radius:var(--control-radius);border-top-right-radius:var(--control-radius);transform:translate(-50%)}._drawer_geqni_3._opened_geqni_112{transition:all .3s ease;pointer-events:auto}._drawer_geqni_3._opened_geqni_112._left_geqni_85{left:0%;transition:left .3s ease}._drawer_geqni_3._opened_geqni_112._right_geqni_89{right:0%;transition:right .3s ease}._drawer_geqni_3._opened_geqni_112._bottom_geqni_103{bottom:0%}._drawer_geqni_3._opened_geqni_112._full_geqni_93{transform:scale(1);opacity:1}._drawer_geqni_3._is-closing_geqni_131._left_geqni_85{left:-100%}._drawer_geqni_3._is-closing_geqni_131._right_geqni_89{right:-100%}._drawer_geqni_3._is-closing_geqni_131._bottom_geqni_103{bottom:-100%}._drawer_geqni_3._is-closing_geqni_131._full_geqni_93{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_geqni_3{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_geqni_3{--drawer-width: 648px}}@media (max-width: 768px){._drawer_geqni_3{--drawer-width: 584px}}@media (max-width: 600px){._drawer_geqni_3{--drawer-width: 100%}._drawer_geqni_3._bottom_geqni_103{max-width:359px}}._overlay_geqni_168{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_geqni_168._opened_geqni_112{opacity:1;transition:all .3s ease}._overlay_geqni_168._is-closing_geqni_131{opacity:0;transition:all .3s ease}
@@ -0,0 +1 @@
1
+ ._notification-badge_1rrs6_2{position:relative;display:flex;align-items:center;justify-content:center;width:var(--width-notification-badge);height:var(--height-notification-badge);color:var(--white);font-size:var(--size-text-notification-badge);background-color:var(--citrine-100);border-radius:50%}._notification-badge-absolute_1rrs6_14{position:absolute}._m_1rrs6_18{--size-text-notification-badge: var(--size-text-m);--width-notification-badge: 24px;--height-notification-badge: 24px}._s_1rrs6_24{--height-notification-badge: 16px;--width-notification-badge: 16px;--size-text-notification-badge: var(--size-text-s)}
@@ -1 +1 @@
1
- ._select-search_q299h_2{position:relative}._container_q299h_6{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_q299h_15{border-bottom:1px solid var(--citrine-100)}._full_q299h_19{width:100%}._selector-icon-open_q299h_23{transform:rotate(180deg)}._button_q299h_27{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_q299h_39{position:absolute;top:100%;z-index:10;width:100%;height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_q299h_39::-webkit-scrollbar{width:3px}._options_q299h_39::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_q299h_39::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_q299h_39{max-height:var(--select-search-options-height-mobile)}}._no-options_q299h_67{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_q299h_73{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_q299h_84{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_q299h_95{width:100%!important}._custom-input-class_q299h_95:last-child{padding-right:var(--space-4xl)}._option_q299h_39{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_q299h_111{background-color:var(--black-5)}._option-inner_q299h_114{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._selected-icon_q299h_121 path{fill:var(--sapphire-100)}
1
+ ._select-search_3ezsa_2{position:relative}._select-search_3ezsa_2._disabled_3ezsa_5{cursor:not-allowed}._container_3ezsa_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_3ezsa_18{border-bottom:1px solid var(--citrine-100)}._full_3ezsa_22{width:100%}._selector-icon-open_3ezsa_26{transform:rotate(180deg)}._button_3ezsa_30{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_3ezsa_42{position:absolute;z-index:10;width:100%;height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);box-shadow:var(--box-shadow-select-search)}._options_3ezsa_42._top_3ezsa_52{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_3ezsa_42._bottom_3ezsa_57{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_3ezsa_42::-webkit-scrollbar{width:3px}._options_3ezsa_42::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_3ezsa_42::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_3ezsa_42{max-height:var(--select-search-options-height-mobile)}}._no-options_3ezsa_78{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_3ezsa_84{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_3ezsa_95{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_3ezsa_106{width:100%!important}._custom-input-class_3ezsa_106:last-child{padding-right:var(--space-4xl)}._option_3ezsa_42{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_3ezsa_122{background-color:var(--black-5)}._option-inner_3ezsa_125{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._selected-icon_3ezsa_132 path{fill:var(--sapphire-100)}
@@ -1 +1 @@
1
- ._container_j31xr_2{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_j31xr_2 ._step_j31xr_6{pointer-events:none}._container_j31xr_2 ._step_j31xr_6._editable_j31xr_9{pointer-events:all}._container_j31xr_2 ._step_j31xr_6._PRIMARY_j31xr_12._GRAY_j31xr_12{color:var(--black-60)}._container_j31xr_2 ._step_j31xr_6._PRIMARY_j31xr_12._CITRINE_j31xr_15{color:var(--citrine-100)}._container_j31xr_2 ._step_j31xr_6._PRIMARY_j31xr_12._SAPPHIRE_j31xr_18{color:var(--sapphire-normal)}._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._WHITE_j31xr_21{color:var(--white)}._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._LIGHT_SAPPHIRE_j31xr_24{color:var(--sapphire-10)}._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._LIGHT_GRAY_j31xr_27,._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._disabled_j31xr_27{color:var(--disabled)}
1
+ ._container_1qg9i_2{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_1qg9i_2 ._step_1qg9i_6{pointer-events:none}._container_1qg9i_2 ._step_1qg9i_6._editable_1qg9i_9{pointer-events:all}
@@ -1 +1 @@
1
- ._switch_1g34c_2{position:relative;display:inline-block;width:24px;height:24px;padding:var(--space-2xs);vertical-align:middle;background-color:var(--sapphire-20);border-radius:var(--control-radius-s);cursor:pointer}._switch_1g34c_2 svg{display:none}._switch_1g34c_2 svg path{fill:var(--white)}._enabled_1g34c_20{background-color:var(--sapphire-100)}._enabled_1g34c_20 svg{display:block}
1
+ ._container_18cvn_2{display:flex;gap:var(--space-xs);align-items:flex-start}._switch_18cvn_8{position:relative;display:inline-block;flex-shrink:0;width:24px;height:24px;padding:var(--space-2xs);vertical-align:middle;background-color:var(--sapphire-20);border-radius:var(--control-radius-xs);cursor:pointer}._switch_18cvn_8 svg{display:none}._switch_18cvn_8 svg path{fill:var(--white)}._label_18cvn_27{padding-top:var(--space-2xs)}._enabled_18cvn_31{background-color:var(--sapphire-100)}._enabled_18cvn_31 svg{display:block}
@@ -1 +1 @@
1
- ._container_y23cb_2{position:relative}._group_y23cb_6{position:relative;overflow:hidden}._group-inner_y23cb_10{display:flex;gap:var(--space-4xl)}._tab_y23cb_15{height:var(--tab-trail-height);margin-bottom:var(--space-2xl);padding:0 var(--space-m);color:var(--disabled-color);font-weight:var(--font-weight-text-medium);font-size:var(--tab-trail-font-size);font-family:var(--font-montserrat);border-bottom:2px solid var(--white)}._tab_y23cb_15[data-selected]{color:var(--black-100);border-bottom:2px solid var(--sapphire-100)}._list_y23cb_30{display:flex;align-items:center;overflow:auto;white-space:nowrap;scroll-behavior:smooth}._list_y23cb_30::-webkit-scrollbar{display:none}._tabs_y23cb_41{display:flex}._buttons_y23cb_45{position:relative;display:flex;height:100%;max-height:40px}._m_y23cb_52{--tab-trail-font-size: var(--size-text-xl3);--tab-trail-height: var(--tab-trail-height-m)}._s_y23cb_57{--tab-trail-font-size: var(--size-text-xl);--tab-trail-height: var(--tab-trail-height-s)}
1
+ ._container_5jk4g_2{position:relative}._group_5jk4g_6{position:relative;overflow:hidden}._group-inner_5jk4g_10{display:flex;gap:var(--space-4xl);align-items:center}._tab_5jk4g_16{position:relative;display:flex;gap:var(--space-2xs);align-items:center;height:var(--tab-trail-height);padding:0 var(--tab-padding);color:var(--disabled-color);font-weight:var(--font-weight-text-medium);font-size:var(--tab-trail-font-size);font-family:var(--font-montserrat)}._tab_5jk4g_16:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;transition:background-color .3s ease;content:""}._tab_5jk4g_16[data-selected]{color:var(--black-100)}._tab_5jk4g_16[data-selected]:after{background-color:var(--sapphire-100)}._tab_5jk4g_16:not([data-selected]){filter:grayscale(100%) opacity(.7)}._tab_5jk4g_16:not([data-selected]):after{background-color:var(--white)}._list_5jk4g_51{display:flex;align-items:center;overflow:auto;white-space:nowrap;scroll-behavior:smooth}._list_5jk4g_51::-webkit-scrollbar{display:none}._tabs_5jk4g_62{display:flex;align-items:center;padding-top:var(--tabs-padding-top)}._buttons_5jk4g_68{position:relative;display:flex;height:100%;max-height:40px}._m_5jk4g_75{--tab-trail-font-size: var(--size-text-xl3);--tab-trail-height: var(--tab-trail-height-m);--tabs-padding-top: var(--space-xs);--tab-padding: var(--space-m)}._s_5jk4g_82{--tab-trail-font-size: var(--size-text-xl);--tab-trail-height: var(--tab-trail-height-s);--tabs-padding-top: var(--space-3xs);--tab-padding: var(--space-s)}
@@ -1 +1 @@
1
- ._container_4roqw_2{display:flex;flex-direction:column;gap:var(--space-m);align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_4roqw_2 ._title_4roqw_9{color:var(--black-100);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l);font-family:var(--font-inter);line-height:var(--line-height-text-s1)}._container_4roqw_2 ._score_4roqw_16{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--white);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-2xl);font-family:Montserrat,sans-serif;letter-spacing:-.03em;border-radius:50%}._container_4roqw_2 ._score_4roqw_16._zero_4roqw_29._LIGHT_GRAY_4roqw_29{background-color:var(--disabled)}._container_4roqw_2 ._score_4roqw_16._zero_4roqw_29._WHITE_4roqw_32{color:var(--disabled);background-color:var(--white)}._container_4roqw_2 ._score_4roqw_16._zero_4roqw_29._LIGHT_SAPPHIRE_4roqw_36{background-color:var(--sapphire-10)}._container_4roqw_2._GRAY_4roqw_39 ._score_4roqw_16{background-color:var(--black-60)}._container_4roqw_2._CITRINE_4roqw_42 ._score_4roqw_16{background-color:var(--citrine-100)}._container_4roqw_2._SAPPHIRE_4roqw_45 ._score_4roqw_16{background-color:var(--sapphire-normal)}
1
+ ._container_1akd9_2{display:flex;flex-direction:column;gap:var(--space-m);align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_1akd9_2 ._title_1akd9_9{color:var(--black-100);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l);font-family:var(--font-inter),sans-serif;line-height:var(--line-height-text-s1)}._container_1akd9_2 ._score_1akd9_16{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--white);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-2xl);font-family:var(--font-montserrat),sans-serif;letter-spacing:-.03em;border-radius:50%}
@@ -1 +1 @@
1
- @font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-2xxl: 36px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 54px;--tab-trail-height-s: 30px;--accordion-icon-size-m: 48px;--accordion-icon-size-s: 36px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
1
+ @font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-3xl: 26px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-2xxl: 36px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-5xl: 56px;--space-4xxl: 64px;--space-5xxl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 58px;--tab-trail-height-s: 36px;--accordion-icon-circle-size-m: 48px;--accordion-icon-circle-size-s: 36px;--accordion-icon-square-size-m: 40px;--accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { EAccordionButtonType, EAccordionSize } from './constants';
2
+ import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccordionSize } from './constants';
3
3
 
4
4
  export type TAccordionProps = {
5
5
  title: string;
@@ -7,5 +7,7 @@ export type TAccordionProps = {
7
7
  size?: EAccordionSize;
8
8
  titleUppercase?: boolean;
9
9
  buttonType?: EAccordionButtonType | `${EAccordionButtonType}`;
10
+ buttonStyle?: EAccordionButtonStyle | `${EAccordionButtonStyle}`;
11
+ iconType?: EAccordionIconType | `${EAccordionIconType}`;
10
12
  };
11
13
  export declare const Accordion: import('react').ForwardRefExoticComponent<TAccordionProps & import('react').RefAttributes<HTMLElement>>;
@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
2
2
  import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import React__default, { createContext, useRef, Fragment, useReducer, useMemo, useId, useEffect, useContext, forwardRef } from "react";
4
4
  import { AccordionItem } from "./AccordionItem/AccordionItem.js";
5
- import { EAccordionButtonType, EAccordionSize, EAccordionButtonIconSize, EAccordionLinkIconSize } from "./constants.js";
5
+ import { EAccordionButtonType, EAccordionSize, EAccordionButtonStyle, EAccordionIconType, EAccordionLinkIconSize, EAccordionButtonIconSize } from "./constants.js";
6
6
  import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
7
7
  import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
8
8
  import { Icon } from "../../icons/Icon.js";
@@ -119,25 +119,29 @@ function Re(e2, n) {
119
119
  return React__default.createElement(s$1, null, React__default.createElement(H.Provider, { value: t2.panelId }, H$1({ mergeRefs: f, ourProps: g, theirProps: d, slot: D2, defaultTag: Se, features: be, visible: p, name: "Disclosure.Panel" })));
120
120
  }
121
121
  let Ae = W(me), Ce = W(ge), Ie = W(Re), We = Object.assign(Ae, { Button: Ce, Panel: Ie });
122
- const accordion = "_accordion_11o2x_2";
123
- const header = "_header_11o2x_13";
124
- const title = "_title_11o2x_26";
125
- const icon = "_icon_11o2x_33";
126
- const panel = "_panel_11o2x_47";
127
- const open = "_open_11o2x_54";
128
- const m = "_m_11o2x_65";
129
- const s = "_s_11o2x_73";
122
+ const accordion = "_accordion_11qul_2";
123
+ const header = "_header_11qul_13";
124
+ const title = "_title_11qul_26";
125
+ const icon = "_icon_11qul_33";
126
+ const circle = "_circle_11qul_43";
127
+ const square = "_square_11qul_50";
128
+ const panel = "_panel_11qul_60";
129
+ const open = "_open_11qul_67";
130
+ const m = "_m_11qul_87";
131
+ const s = "_s_11qul_50";
130
132
  const cls = {
131
133
  accordion,
132
- "is-link": "_is-link_11o2x_9",
134
+ "is-link": "_is-link_11qul_9",
133
135
  header,
134
136
  title,
135
- "title-uppercase": "_title-uppercase_11o2x_29",
137
+ "title-uppercase": "_title-uppercase_11qul_29",
136
138
  icon,
137
- "icon-container": "_icon-container_11o2x_36",
139
+ "icon-container": "_icon-container_11qul_36",
140
+ circle,
141
+ square,
138
142
  panel,
139
143
  open,
140
- "link-open": "_link-open_11o2x_61",
144
+ "link-open": "_link-open_11qul_83",
141
145
  m,
142
146
  s
143
147
  };
@@ -147,7 +151,9 @@ const Accordion = forwardRef(
147
151
  buttonType = EAccordionButtonType.BUTTON,
148
152
  children,
149
153
  size = EAccordionSize.M,
150
- titleUppercase
154
+ titleUppercase,
155
+ buttonStyle = EAccordionButtonStyle.CIRCLE,
156
+ iconType = EAccordionIconType.ARROW
151
157
  }, ref) => {
152
158
  const isMobile = useMediaQuery(EMediaQuery.XS1);
153
159
  const isLink = buttonType === "link";
@@ -155,7 +161,12 @@ const Accordion = forwardRef(
155
161
  [cls["is-link"]]: isLink
156
162
  };
157
163
  const renderButton = (open2) => {
158
- const buttonIcon = size === EAccordionSize.S ? EAccordionButtonIconSize.S : EAccordionButtonIconSize.M;
164
+ const getIconName = () => {
165
+ if (iconType === EAccordionIconType.DROPDOWN) {
166
+ return size === EAccordionSize.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px";
167
+ }
168
+ return size === EAccordionSize.S ? EAccordionButtonIconSize.S : EAccordionButtonIconSize.M;
169
+ };
159
170
  const linkIcon = size === EAccordionSize.S ? EAccordionLinkIconSize.S : EAccordionLinkIconSize.M;
160
171
  switch (buttonType) {
161
172
  case EAccordionButtonType.LINK: {
@@ -189,8 +200,12 @@ const Accordion = forwardRef(
189
200
  /* @__PURE__ */ jsx(
190
201
  "div",
191
202
  {
192
- className: classNames(cls["icon-container"], open2 && cls.open),
193
- children: /* @__PURE__ */ jsx(Icon, { iconName: buttonIcon, className: cls.icon })
203
+ className: classNames(
204
+ cls["icon-container"],
205
+ open2 && cls.open,
206
+ cls[buttonStyle]
207
+ ),
208
+ children: /* @__PURE__ */ jsx(Icon, { iconName: getIconName(), className: cls.icon })
194
209
  }
195
210
  )
196
211
  ] });
@@ -14,3 +14,11 @@ export declare enum EAccordionLinkIconSize {
14
14
  M = "DropdownArrowDown24px",
15
15
  S = "DropdownArrowBottom16px"
16
16
  }
17
+ export declare enum EAccordionButtonStyle {
18
+ CIRCLE = "circle",
19
+ SQUARE = "square"
20
+ }
21
+ export declare enum EAccordionIconType {
22
+ ARROW = "arrow",
23
+ DROPDOWN = "dropdown"
24
+ }
@@ -18,9 +18,21 @@ var EAccordionLinkIconSize = /* @__PURE__ */ ((EAccordionLinkIconSize2) => {
18
18
  EAccordionLinkIconSize2["S"] = "DropdownArrowBottom16px";
19
19
  return EAccordionLinkIconSize2;
20
20
  })(EAccordionLinkIconSize || {});
21
+ var EAccordionButtonStyle = /* @__PURE__ */ ((EAccordionButtonStyle2) => {
22
+ EAccordionButtonStyle2["CIRCLE"] = "circle";
23
+ EAccordionButtonStyle2["SQUARE"] = "square";
24
+ return EAccordionButtonStyle2;
25
+ })(EAccordionButtonStyle || {});
26
+ var EAccordionIconType = /* @__PURE__ */ ((EAccordionIconType2) => {
27
+ EAccordionIconType2["ARROW"] = "arrow";
28
+ EAccordionIconType2["DROPDOWN"] = "dropdown";
29
+ return EAccordionIconType2;
30
+ })(EAccordionIconType || {});
21
31
  export {
22
32
  EAccordionButtonIconSize,
33
+ EAccordionButtonStyle,
23
34
  EAccordionButtonType,
35
+ EAccordionIconType,
24
36
  EAccordionLinkIconSize,
25
37
  EAccordionSize
26
38
  };
@@ -0,0 +1,23 @@
1
+ export type TProps = {
2
+ /**
3
+ * Класс, применяемый к корневому элемент
4
+ */
5
+ rootClassName?: string;
6
+ /**
7
+ * Текст метки для чекбокса
8
+ */
9
+ label: string;
10
+ /**
11
+ * Состояние выбранности чекбокса
12
+ */
13
+ checked?: boolean;
14
+ /**
15
+ * Обработчик изменения состояния чекбокса
16
+ */
17
+ onChange: () => void;
18
+ /**
19
+ * Название поля чекбокса
20
+ */
21
+ name: string;
22
+ };
23
+ export declare const Checkbox: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLLabelElement>>;
@@ -0,0 +1,24 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { c as classNames } from "../../index-CweZ_OcN.js";
3
+ import { forwardRef } from "react";
4
+ import '../../assets/Checkbox.css';const cls = {};
5
+ const Checkbox = forwardRef(
6
+ (props, ref) => {
7
+ const { rootClassName, label, checked, onChange, name } = props;
8
+ return /* @__PURE__ */ jsxs("label", { className: classNames(cls.container, rootClassName), ref, children: [
9
+ /* @__PURE__ */ jsx(
10
+ "input",
11
+ {
12
+ type: "checkbox",
13
+ checked,
14
+ onChange,
15
+ name
16
+ }
17
+ ),
18
+ label
19
+ ] });
20
+ }
21
+ );
22
+ export {
23
+ Checkbox
24
+ };
File without changes
@@ -0,0 +1 @@
1
+ export { Checkbox } from './Checkbox';
@@ -0,0 +1,4 @@
1
+ import { Checkbox } from "./Checkbox.js";
2
+ export {
3
+ Checkbox
4
+ };
File without changes
@@ -0,0 +1 @@
1
+
@@ -5,7 +5,7 @@ import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.j
5
5
  import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
6
6
  import { formating } from "../../utils/index.js";
7
7
  import { Button } from "../Button/Button.js";
8
- import { I as Input } from "../../Input-D-FCB1FU.js";
8
+ import { I as Input } from "../../Input-BFFPzelg.js";
9
9
  const DatePicker = memo(
10
10
  forwardRef(
11
11
  ({ size, value, onChangeValue, name, before, ...props }, ref) => {
@@ -8,19 +8,20 @@ import { useLockBodyScroll } from "../../hooks/useLockBodyScroll/useLockBodyScro
8
8
  import { Button } from "../Button/Button.js";
9
9
  import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
10
10
  import { Portal } from "../Portal/Portal.js";
11
- import '../../assets/Drawer.css';const drawer = "_drawer_luket_3";
12
- const content = "_content_luket_17";
13
- const header = "_header_luket_31";
14
- const title = "_title_luket_39";
15
- const space = "_space_luket_53";
16
- const inner = "_inner_luket_64";
17
- const button = "_button_luket_67";
18
- const footer = "_footer_luket_72";
19
- const left = "_left_luket_85";
20
- const right = "_right_luket_89";
21
- const bottom = "_bottom_luket_93";
22
- const opened = "_opened_luket_102";
23
- const overlay = "_overlay_luket_150";
11
+ import '../../assets/Drawer.css';const drawer = "_drawer_geqni_3";
12
+ const content = "_content_geqni_17";
13
+ const header = "_header_geqni_31";
14
+ const title = "_title_geqni_39";
15
+ const space = "_space_geqni_53";
16
+ const inner = "_inner_geqni_64";
17
+ const button = "_button_geqni_67";
18
+ const footer = "_footer_geqni_72";
19
+ const left = "_left_geqni_85";
20
+ const right = "_right_geqni_89";
21
+ const full = "_full_geqni_93";
22
+ const bottom = "_bottom_geqni_103";
23
+ const opened = "_opened_geqni_112";
24
+ const overlay = "_overlay_geqni_168";
24
25
  const cls = {
25
26
  drawer,
26
27
  content,
@@ -30,12 +31,13 @@ const cls = {
30
31
  inner,
31
32
  button,
32
33
  footer,
33
- "footer-button": "_footer-button_luket_81",
34
+ "footer-button": "_footer-button_geqni_81",
34
35
  left,
35
36
  right,
37
+ full,
36
38
  bottom,
37
39
  opened,
38
- "is-closing": "_is-closing_luket_117",
40
+ "is-closing": "_is-closing_geqni_131",
39
41
  overlay
40
42
  };
41
43
  const ANIMATION_DELAY = 300;
@@ -1,5 +1,6 @@
1
1
  export declare enum EDrawerPosition {
2
2
  LEFT = "left",
3
3
  RIGHT = "right",
4
- BOTTOM = "bottom"
4
+ BOTTOM = "bottom",
5
+ FULL = "full"
5
6
  }
@@ -2,6 +2,7 @@ var EDrawerPosition = /* @__PURE__ */ ((EDrawerPosition2) => {
2
2
  EDrawerPosition2["LEFT"] = "left";
3
3
  EDrawerPosition2["RIGHT"] = "right";
4
4
  EDrawerPosition2["BOTTOM"] = "bottom";
5
+ EDrawerPosition2["FULL"] = "full";
5
6
  return EDrawerPosition2;
6
7
  })(EDrawerPosition || {});
7
8
  export {
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "../../index-CweZ_OcN.js";
3
3
  import "react";
4
4
  import "./constants.js";
5
- import { I } from "../../Input-D-FCB1FU.js";
5
+ import { I } from "../../Input-BFFPzelg.js";
6
6
  import "../../hooks/useMergeRefs/useMergeRefs.js";
7
7
  import "../../icons/Icon.js";
8
8
  import "../Button/Button.js";
@@ -1,4 +1,4 @@
1
- import { I } from "../../Input-D-FCB1FU.js";
1
+ import { I } from "../../Input-BFFPzelg.js";
2
2
  import { EInputSize, EInputVariant } from "./constants.js";
3
3
  export {
4
4
  EInputSize,
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { memo, forwardRef, useState } from "react";
3
3
  import { Icon } from "../../icons/Icon.js";
4
4
  import { Button } from "../Button/Button.js";
5
- import { I as Input } from "../../Input-D-FCB1FU.js";
5
+ import { I as Input } from "../../Input-BFFPzelg.js";
6
6
  import '../../assets/InputPassword.css';const input = "_input_mam1g_2";
7
7
  const wrapper = "_wrapper_mam1g_6";
8
8
  const button = "_button_mam1g_17";
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
3
3
  import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
4
- import { I as Input } from "../../Input-D-FCB1FU.js";
4
+ import { I as Input } from "../../Input-BFFPzelg.js";
5
5
  const InputPhoneNumber = memo(
6
6
  forwardRef(
7
7
  ({ value = "", onChange, ...props }, ref) => {
@@ -0,0 +1,3 @@
1
+ import { TNotificationBadgeProps } from './types';
2
+
3
+ export declare const NotificationBadge: React.FC<TNotificationBadgeProps>;