@sberbusiness/triplex-next 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/chunks/{AlertProcessSpoiler-Dp7FRT9y.js → AlertProcessSpoiler-Caa0745n.js} +10 -10
  2. package/chunks/Card.module-BRANBAxP.js +17 -0
  3. package/chunks/{DropdownListItem-y6Rvj_dd.js → DropdownListItem-DIIAnvmw.js} +13 -13
  4. package/chunks/DropdownMobile.module-BUeZuAYr.js +19 -0
  5. package/chunks/Footer.module-BFo05t5_.js +11 -0
  6. package/chunks/{FormFieldInput-apk1b0w6.js → FormFieldInput-rV5ZVe9k.js} +21 -21
  7. package/chunks/HeaderLayoutSidebar.module-CEqBuRNu.js +9 -0
  8. package/chunks/HeaderTabs.module-BEaVu2Hx.js +9 -0
  9. package/chunks/HeaderTitle.module-Db-1fcNm.js +9 -0
  10. package/chunks/{ListItemControlsButton-Cn3Vmrsn.js → ListItemControlsButton-Ch-5PQYH.js} +5 -5
  11. package/chunks/ListItemTail.module-C5-4SAqt.js +12 -0
  12. package/chunks/ListMasterFooter.module-Dph-_lLg.js +10 -0
  13. package/chunks/Overlay.module-D6LEz1jT.js +18 -0
  14. package/chunks/Page.module-Ct9ky9ko.js +16 -0
  15. package/chunks/TabsExtended.module-CmU9j8zG.js +13 -0
  16. package/chunks/{TabsExtendedUtils-NCwWiX7O.js → TabsExtendedUtils-CkAvE1fA.js} +4 -4
  17. package/chunks/TooltipDesktop.module-KrPZMfQD.js +19 -0
  18. package/chunks/{UploadZoneInput-R9729LZY.js → UploadZoneInput-CXjerIVV.js} +7 -7
  19. package/chunks/utils-bbbspEnw.js +36 -0
  20. package/components/Alert/AlertContext/AlertContext.js +9 -9
  21. package/components/Alert/AlertProcess/AlertProcess.js +2 -2
  22. package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +1 -1
  23. package/components/Body/Body.js +7 -7
  24. package/components/Button/Button.js +25 -25
  25. package/components/Button/ButtonBase.js +1 -1
  26. package/components/Button/ButtonDropdown.js +37 -37
  27. package/components/Button/ButtonDropdownExtended.js +5 -5
  28. package/components/Button/ButtonIcon.js +1 -1
  29. package/components/Card/CardAction.js +25 -25
  30. package/components/Card/CardStatic.js +2 -2
  31. package/components/Card/components/CardContent/CardContent.js +1 -1
  32. package/components/Card/components/CardContent/components/CardContentBody.js +1 -1
  33. package/components/Card/components/CardContent/components/CardContentFooter.js +1 -1
  34. package/components/Card/components/CardContent/components/CardContentHeader.js +1 -1
  35. package/components/Card/components/CardMedia.js +1 -1
  36. package/components/Card/utils.js +1 -1
  37. package/components/Checkbox/Checkbox.js +6 -6
  38. package/components/Checkbox/CheckboxXGroup.js +16 -16
  39. package/components/Checkbox/CheckboxYGroup.js +1 -1
  40. package/components/Col/Col.js +145 -145
  41. package/components/DesignTokens/DesignTokenUtils.js +1 -1
  42. package/components/Dropdown/desktop/DropdownDesktop.js +10 -10
  43. package/components/Dropdown/desktop/DropdownList.js +1 -1
  44. package/components/Dropdown/desktop/DropdownListItem.js +1 -1
  45. package/components/Dropdown/index.js +1 -1
  46. package/components/Dropdown/mobile/DropdownMobile.js +2 -2
  47. package/components/Dropdown/mobile/DropdownMobileBody.js +1 -1
  48. package/components/Dropdown/mobile/DropdownMobileClose.js +1 -1
  49. package/components/Dropdown/mobile/DropdownMobileFooter.js +1 -1
  50. package/components/Dropdown/mobile/DropdownMobileHeader.js +1 -1
  51. package/components/Dropdown/mobile/DropdownMobileInner.js +1 -1
  52. package/components/Dropdown/mobile/DropdownMobileInput.js +1 -1
  53. package/components/Dropdown/mobile/DropdownMobileList.js +1 -1
  54. package/components/Dropdown/mobile/DropdownMobileListItem.js +1 -1
  55. package/components/Footer/Footer.js +2 -2
  56. package/components/Footer/components/FooterDescription.js +1 -1
  57. package/components/Footer/components/FooterDescriptionContent.js +1 -1
  58. package/components/Footer/components/FooterDescriptionControls.js +1 -1
  59. package/components/FormField/FormField.js +16 -16
  60. package/components/FormField/components/FormFieldClear.js +9 -9
  61. package/components/FormField/components/FormFieldCounter.js +5 -5
  62. package/components/FormField/components/FormFieldDescription.js +8 -8
  63. package/components/FormField/components/FormFieldInput.js +1 -1
  64. package/components/FormField/components/FormFieldLabel.js +11 -11
  65. package/components/FormField/components/FormFieldMaskedInput.js +5 -5
  66. package/components/FormField/components/FormFieldPostfix.js +5 -5
  67. package/components/FormField/components/FormFieldPrefix.js +5 -5
  68. package/components/FormField/components/FormFieldTarget.js +16 -16
  69. package/components/FormField/components/FormFieldTextarea.js +1 -1
  70. package/components/FormField/index.js +1 -1
  71. package/components/Header/Header.js +11 -11
  72. package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js +1 -1
  73. package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js +1 -1
  74. package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js +1 -1
  75. package/components/Header/components/HeaderSubheader/HeaderSubheader.js +8 -8
  76. package/components/Header/components/HeaderTabs/HeaderTabs.js +1 -1
  77. package/components/Header/components/HeaderTabs/HeaderTabsContent.js +1 -1
  78. package/components/Header/components/HeaderTabs/HeaderTabsControls.js +1 -1
  79. package/components/Header/components/HeaderTitle/HeaderTitle.js +1 -1
  80. package/components/Header/components/HeaderTitle/HeaderTitleContent.js +1 -1
  81. package/components/Header/components/HeaderTitle/HeaderTitleControls.js +1 -1
  82. package/components/Island/Island.js +16 -16
  83. package/components/Island/components/IslandBody.js +1 -1
  84. package/components/Island/components/IslandFooter.js +4 -4
  85. package/components/Island/components/IslandHeader.js +3 -3
  86. package/components/Link/Link.js +32 -32
  87. package/components/List/List.js +5 -5
  88. package/components/List/components/ListEmptyState.js +5 -5
  89. package/components/List/components/ListItem.js +1 -1
  90. package/components/List/components/ListItemContent.js +6 -6
  91. package/components/List/components/ListItemControls.js +7 -7
  92. package/components/List/components/ListItemControlsButton.js +1 -1
  93. package/components/List/components/ListItemControlsButtonDropdown.js +1 -1
  94. package/components/List/components/ListItemLoading.js +5 -5
  95. package/components/List/components/ListItemSelectable.js +11 -11
  96. package/components/List/components/ListItemTable.js +5 -5
  97. package/components/List/components/ListItemTailLeft.js +1 -1
  98. package/components/List/components/ListItemTailRight.js +1 -1
  99. package/components/List/components/ListSortableItem.js +5 -5
  100. package/components/List/components/ListSortableItemControls.js +1 -1
  101. package/components/List/components/ListSortableItemTarget.js +10 -10
  102. package/components/List/index.js +1 -1
  103. package/components/ListMaster/ListMaster.js +1 -1
  104. package/components/ListMaster/components/ListMasterBody.js +1 -1
  105. package/components/ListMaster/components/ListMasterChipGroup.js +8 -8
  106. package/components/ListMaster/components/ListMasterFooter.js +1 -1
  107. package/components/ListMaster/components/ListMasterFooterControls.js +1 -1
  108. package/components/ListMaster/components/ListMasterFooterDescription.js +1 -1
  109. package/components/ListMaster/components/ListMasterHeader.js +5 -5
  110. package/components/ListMaster/components/SelectionControls.js +2 -2
  111. package/components/Loader/LoaderMiddle/LoaderMiddle.js +1 -1
  112. package/components/Loader/LoaderSmall/LoaderSmall.js +17 -17
  113. package/components/LoaderWidget/LoaderWidget.js +9 -9
  114. package/components/Overlay/Overlay.js +1 -1
  115. package/components/Overlay/OverlayMask.js +1 -1
  116. package/components/Overlay/OverlayPanel.js +1 -1
  117. package/components/Page/Page.js +1 -1
  118. package/components/Page/components/BodyPage.js +1 -1
  119. package/components/Page/components/FooterPage.js +1 -1
  120. package/components/Page/components/HeaderPage.js +1 -1
  121. package/components/Pagination/components/PaginationExtended.js +2 -2
  122. package/components/Pagination/components/PaginationNavigationButton.js +2 -2
  123. package/components/Pagination/components/PaginationNavigationExtended.js +1 -1
  124. package/components/Pagination/components/PaginationPageButton.js +1 -1
  125. package/components/Pagination/components/PaginationPageEllipsis.js +2 -2
  126. package/components/Pagination/components/PaginationSelect.js +11 -11
  127. package/components/Radio/Radio.js +2 -2
  128. package/components/Radio/RadioXGroup.js +9 -9
  129. package/components/Radio/RadioYGroup.js +9 -9
  130. package/components/Row/Row.js +10 -10
  131. package/components/SegmentedControl/SegmentedControl.js +20 -20
  132. package/components/SegmentedControl/SegmentedControlSegment.js +5 -5
  133. package/components/SelectExtendedField/SelectExtendedField.js +4 -4
  134. package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js +1 -1
  135. package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js +14 -14
  136. package/components/Skeleton/Skeleton.js +9 -9
  137. package/components/SwipeableArea/SwipeableArea.js +12 -12
  138. package/components/TabsExtended/TabsExtended.js +1 -1
  139. package/components/TabsExtended/TabsExtendedUtils.js +1 -1
  140. package/components/TabsExtended/components/TabsExtendedContent.js +1 -1
  141. package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js +1 -1
  142. package/components/TabsExtended/components/TabsExtendedTab.js +1 -1
  143. package/components/TabsExtended/components/TabsExtendedTabButton.js +1 -1
  144. package/components/TabsExtended/components/TabsExtendedTabsWrapper.js +1 -1
  145. package/components/TextField/TextField.js +1 -1
  146. package/components/Tooltip/components/common/TooltipBody.js +1 -1
  147. package/components/Tooltip/components/common/TooltipLink.js +10 -10
  148. package/components/Tooltip/components/common/TooltipXButton.js +1 -1
  149. package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js +1 -1
  150. package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js +1 -1
  151. package/components/Tooltip/components/mobile/TooltipMobile.js +1 -1
  152. package/components/Typography/Caption.js +13 -13
  153. package/components/Typography/Text.js +13 -13
  154. package/components/Typography/Title.js +18 -18
  155. package/components/Typography/utils.js +1 -1
  156. package/components/UploadZone/UploadZone.js +2 -2
  157. package/components/UploadZone/components/UploadZoneInput.js +1 -1
  158. package/components/index.js +3 -3
  159. package/index.js +3 -3
  160. package/package.json +1 -1
  161. package/styles/triplex-next.css +354 -354
  162. package/chunks/Card.module-Ddt7TQ9Z.js +0 -17
  163. package/chunks/DropdownMobile.module-DrQkghxs.js +0 -19
  164. package/chunks/Footer.module-CKfl241m.js +0 -11
  165. package/chunks/HeaderLayoutSidebar.module-DTXnksBK.js +0 -9
  166. package/chunks/HeaderTabs.module-DVh6MotJ.js +0 -9
  167. package/chunks/HeaderTitle.module-DOeVL9zC.js +0 -9
  168. package/chunks/ListItemTail.module-BnbT61OM.js +0 -12
  169. package/chunks/ListMasterFooter.module-C6QFamKQ.js +0 -10
  170. package/chunks/Overlay.module-BTSQ5G6t.js +0 -18
  171. package/chunks/Page.module-DfMBQJob.js +0 -16
  172. package/chunks/TabsExtended.module-okOlTNQG.js +0 -13
  173. package/chunks/TooltipDesktop.module-DTbnIWo1.js +0 -19
  174. package/chunks/utils-B0khB-Lq.js +0 -36
@@ -4,40 +4,40 @@ import { FormFieldContext as G } from "./FormFieldContext.js";
4
4
  import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
5
5
  import { c as I } from "../../chunks/vendor-D-uL_icH.js";
6
6
  import { EFormFieldSize as N, EFormFieldStatus as r } from "./enums.js";
7
- const P = "formField__9a74ebe8", S = "disabled__4388a233", T = "active__b089df13", L = "error__402055fd", u = "warning__f87ab909", i = {
7
+ const P = "formField__f184f1b5", S = "disabled__ca621c01", T = "active__cd1330d0", L = "error__f645fb4b", u = "warning__7440000e", i = {
8
8
  formField: P,
9
9
  disabled: S,
10
10
  active: T,
11
11
  error: L,
12
12
  warning: u,
13
- "size-sm": "size-sm__eb9869a4",
14
- "size-md": "size-md__450c5a48",
15
- "size-lg": "size-lg__96a2c9be"
13
+ "size-sm": "size-sm__7fca3bb8",
14
+ "size-md": "size-md__fdf39150",
15
+ "size-lg": "size-lg__fed542e3"
16
16
  }, O = ({
17
17
  children: F,
18
18
  className: p,
19
19
  status: t = r.DEFAULT,
20
- onMouseEnter: s,
21
- onMouseLeave: d,
20
+ onMouseEnter: d,
21
+ onMouseLeave: s,
22
22
  style: x,
23
23
  size: o = N.LG,
24
24
  ...b
25
25
  }) => {
26
- const [l, g] = e(!1), [h, c] = e(!1), [v, E] = e(""), [m, z] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (a) => {
27
- c(!0), s == null || s(a);
28
- }, w = (a) => {
29
- c(!1), d == null || d(a);
26
+ const [f, g] = e(!1), [h, l] = e(!1), [v, E] = e(""), [a, z] = e(_), [m, A] = e(_), [D, R] = e(!1), W = (c) => {
27
+ l(!0), d == null || d(c);
28
+ }, w = (c) => {
29
+ l(!1), s == null || s(c);
30
30
  };
31
31
  return /* @__PURE__ */ n(
32
32
  G.Provider,
33
33
  {
34
34
  value: {
35
35
  status: t,
36
- focused: l,
36
+ focused: f,
37
37
  hovered: h,
38
38
  id: v,
39
- postfixWidth: m,
40
- prefixWidth: f,
39
+ postfixWidth: a,
40
+ prefixWidth: m,
41
41
  setFocused: g,
42
42
  setId: E,
43
43
  setPostfixWidth: z,
@@ -52,7 +52,7 @@ const P = "formField__9a74ebe8", S = "disabled__4388a233", T = "active__b089df13
52
52
  className: I(
53
53
  i.formField,
54
54
  {
55
- [i.active]: l,
55
+ [i.active]: f,
56
56
  [i.disabled]: t === r.DISABLED,
57
57
  [i.error]: t === r.ERROR,
58
58
  [i.warning]: t === r.WARNING,
@@ -62,8 +62,8 @@ const P = "formField__9a74ebe8", S = "disabled__4388a233", T = "active__b089df13
62
62
  ),
63
63
  onMouseEnter: W,
64
64
  onMouseLeave: w,
65
- "data-tx": "1.1.0",
66
- style: { paddingLeft: f, paddingRight: m, ...x },
65
+ "data-tx": "1.1.1",
66
+ style: { paddingLeft: m, paddingRight: a, ...x },
67
67
  ...b,
68
68
  children: F
69
69
  }
@@ -4,27 +4,27 @@ import { CrossStrokeSrvIcon16 as x } from "@sberbusiness/icons-next";
4
4
  import { FormFieldContext as C } from "../FormFieldContext.js";
5
5
  import { c as _ } from "../../../chunks/vendor-D-uL_icH.js";
6
6
  import { EFormFieldStatus as w } from "../enums.js";
7
- const S = "formFieldClear__8a344304", v = "shown__db71aebe", t = {
7
+ const S = "formFieldClear__9b77c9e7", v = "shown__7f437f57", t = {
8
8
  formFieldClear: S,
9
9
  shown: v
10
- }, b = u.forwardRef(
11
- ({ className: s, onClick: e, ...a }, l) => {
12
- const { status: m, focused: d, hovered: n, id: i, valueExist: c } = h(C), f = (p) => {
13
- const o = document.querySelector(`#${i}`);
10
+ }, y = u.forwardRef(
11
+ ({ className: s, onClick: e, ...l }, m) => {
12
+ const { status: a, focused: n, hovered: c, id: d, valueExist: f } = h(C), i = (p) => {
13
+ const o = document.querySelector(`#${d}`);
14
14
  o && o.focus(), e == null || e(p);
15
15
  }, F = _(
16
16
  t.formFieldClear,
17
17
  "hoverable",
18
18
  {
19
- [t.shown]: c && m !== w.DISABLED && (d || n)
19
+ [t.shown]: f && a !== w.DISABLED && (n || c)
20
20
  },
21
21
  s
22
22
  );
23
- return /* @__PURE__ */ r("span", { className: F, ref: l, onClick: f, ...a, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
23
+ return /* @__PURE__ */ r("span", { className: F, ref: m, onClick: i, ...l, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
24
24
  }
25
25
  );
26
- b.displayName = "FormFieldClear";
26
+ y.displayName = "FormFieldClear";
27
27
  export {
28
- b as FormFieldClear
28
+ y as FormFieldClear
29
29
  };
30
30
  //# sourceMappingURL=FormFieldClear.js.map
@@ -1,16 +1,16 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useContext as i, useEffect as m } from "react";
3
3
  import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
4
- const s = "formFieldCounter__526f40fd", f = {
4
+ const s = "formFieldCounter__5af135db", u = {
5
5
  formFieldCounter: s
6
- }, u = ({ children: o, ...e }) => {
6
+ }, d = ({ children: o, ...e }) => {
7
7
  const { setWithCounter: t } = i(n);
8
8
  return m(() => {
9
9
  t(!0);
10
- }, []), /* @__PURE__ */ r("div", { className: f.formFieldCounter, ...e, children: o });
10
+ }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
11
11
  };
12
- u.displayName = "FormFieldCounter";
12
+ d.displayName = "FormFieldCounter";
13
13
  export {
14
- u as FormFieldCounter
14
+ d as FormFieldCounter
15
15
  };
16
16
  //# sourceMappingURL=FormFieldCounter.js.map
@@ -1,16 +1,16 @@
1
- import { jsx as t } from "react/jsx-runtime";
1
+ import { jsx as o } from "react/jsx-runtime";
2
2
  import { useState as n } from "react";
3
3
  import { c } from "../../../chunks/vendor-D-uL_icH.js";
4
4
  import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
5
- const l = "formFieldDescription__b55385b5", p = "withCounter__0fcb9498", i = {
5
+ const l = "formFieldDescription__60eb24ea", d = "withCounter__4d5e77dc", t = {
6
6
  formFieldDescription: l,
7
- withCounter: p
8
- }, d = ({ children: r, ...e }) => {
9
- const [o, s] = n(!1);
10
- return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
7
+ withCounter: d
8
+ }, p = ({ children: i, ...r }) => {
9
+ const [e, s] = n(!1);
10
+ return /* @__PURE__ */ o(m.Provider, { value: { withCounter: e, setWithCounter: s }, children: /* @__PURE__ */ o("div", { className: c(t.formFieldDescription, { [t.withCounter]: e }), ...r, children: i }) });
11
11
  };
12
- d.displayName = "FormFieldDescription";
12
+ p.displayName = "FormFieldDescription";
13
13
  export {
14
- d as FormFieldDescription
14
+ p as FormFieldDescription
15
15
  };
16
16
  //# sourceMappingURL=FormFieldDescription.js.map
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../FormFieldContext.js";
4
4
  import "../../../chunks/vendor-D-uL_icH.js";
5
- import { F as e } from "../../../chunks/FormFieldInput-apk1b0w6.js";
5
+ import { F as e } from "../../../chunks/FormFieldInput-rV5ZVe9k.js";
6
6
  import "../enums.js";
7
7
  export {
8
8
  e as FormFieldInput
@@ -1,39 +1,39 @@
1
1
  import { jsx as d } from "react/jsx-runtime";
2
2
  import p, { useContext as T, useState as g, useEffect as E } from "react";
3
3
  import { FormFieldContext as h } from "../FormFieldContext.js";
4
- import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
4
+ import { TARGET_PADDING_X_DEFAULT as f } from "../consts.js";
5
5
  import { k as D, c as N } from "../../../chunks/vendor-D-uL_icH.js";
6
6
  import { EFormFieldStatus as y } from "../enums.js";
7
- const A = "formFieldLabel__e3f9fe36", R = "floating__d7dd987e", S = "formFieldLabelText__5500a192", C = "disabled__4388a233", s = {
7
+ const A = "formFieldLabel__c51d74b4", R = "floating__e5ce83ad", S = "formFieldLabelText__9c2879e5", C = "disabled__ca621c01", s = {
8
8
  formFieldLabel: A,
9
- "size-sm": "size-sm__eb9869a4",
10
- "size-md": "size-md__450c5a48",
11
- "size-lg": "size-lg__96a2c9be",
9
+ "size-sm": "size-sm__7fca3bb8",
10
+ "size-md": "size-md__fdf39150",
11
+ "size-lg": "size-lg__fed542e3",
12
12
  floating: R,
13
13
  formFieldLabelText: S,
14
14
  disabled: C
15
15
  }, G = p.forwardRef(
16
- ({ children: f, className: r, style: c, floating: e, ...n }, F) => {
17
- const { status: _, focused: t, id: b, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
16
+ ({ children: m, className: r, style: c, floating: e, ...n }, b) => {
17
+ const { status: F, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
18
18
  E(() => {
19
19
  !D(e) && e !== l ? o(e) : e !== l && o(t || a);
20
20
  }, [t, a, e, l]);
21
21
  const u = N(
22
22
  s.formFieldLabel,
23
23
  {
24
- [s.disabled]: _ === y.DISABLED,
24
+ [s.disabled]: F === y.DISABLED,
25
25
  [s.floating]: l,
26
26
  [s[`size-${i}`]]: i
27
27
  },
28
28
  r
29
29
  ), z = {
30
30
  // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
31
- left: L || m,
31
+ left: L || f,
32
32
  // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
33
- right: x || m,
33
+ right: x || f,
34
34
  ...c
35
35
  };
36
- return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: b, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
36
+ return /* @__PURE__ */ d("label", { className: u, ref: b, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
37
37
  }
38
38
  );
39
39
  G.displayName = "FormFieldLabel";
@@ -2,14 +2,14 @@ import { jsxs as N, jsx as m } from "react/jsx-runtime";
2
2
  import { useState as O, useRef as A, useContext as B, useEffect as D, useCallback as U } from "react";
3
3
  import { c as F, l as q, m as p } from "../../../chunks/vendor-D-uL_icH.js";
4
4
  import { presets as G } from "./FormFieldMaskedInputPresets.js";
5
- import { s as H, F as J } from "../../../chunks/FormFieldInput-apk1b0w6.js";
5
+ import { s as H, F as J } from "../../../chunks/FormFieldInput-rV5ZVe9k.js";
6
6
  import { FormFieldContext as K } from "../FormFieldContext.js";
7
- const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlaceholder__641b6e4d", X = "formFieldMaskedInput__70355da8", l = {
7
+ const L = "formFieldMaskedInputWrapper__ca6ee10c", Q = "formFieldMaskedInputPlaceholder__205ee3db", X = "formFieldMaskedInput__ced19259", l = {
8
8
  formFieldMaskedInputWrapper: L,
9
9
  formFieldMaskedInputPlaceholder: Q,
10
- "size-sm": "size-sm__eb9869a4",
11
- "size-md": "size-md__450c5a48",
12
- "size-lg": "size-lg__96a2c9be",
10
+ "size-sm": "size-sm__7fca3bb8",
11
+ "size-md": "size-md__fdf39150",
12
+ "size-lg": "size-lg__fed542e3",
13
13
  formFieldMaskedInput: X
14
14
  }, c = ({
15
15
  className: I,
@@ -1,10 +1,10 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import d, { useContext as x, useRef as u, useEffect as a } from "react";
1
+ import { jsx as d } from "react/jsx-runtime";
2
+ import l, { useContext as x, useRef as u, useEffect as a } from "react";
3
3
  import { FormFieldContext as F } from "../FormFieldContext.js";
4
4
  import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
5
- const P = "formFieldPostfix__9cba074f", R = {
5
+ const P = "formFieldPostfix__ba8f395d", R = {
6
6
  formFieldPostfix: P
7
- }, _ = d.forwardRef(
7
+ }, _ = l.forwardRef(
8
8
  ({ children: s, className: f, ...i }, o) => {
9
9
  const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
10
10
  e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
@@ -14,7 +14,7 @@ const P = "formFieldPostfix__9cba074f", R = {
14
14
  return;
15
15
  const { width: t } = e.current.getBoundingClientRect();
16
16
  t !== n && c(t);
17
- }), /* @__PURE__ */ l("span", { className: r, ref: m, ...i, children: s });
17
+ }), /* @__PURE__ */ d("span", { className: r, ref: m, ...i, children: s });
18
18
  }
19
19
  );
20
20
  _.displayName = "FormFieldPostfix";
@@ -1,15 +1,15 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import d, { useContext as x, useRef as u, useEffect as F } from "react";
3
- import { FormFieldContext as a } from "../FormFieldContext.js";
2
+ import d, { useContext as x, useRef as u, useEffect as a } from "react";
3
+ import { FormFieldContext as F } from "../FormFieldContext.js";
4
4
  import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
5
- const P = "formFieldPrefix__2b743662", R = {
5
+ const P = "formFieldPrefix__0b8a04a7", R = {
6
6
  formFieldPrefix: P
7
7
  }, _ = d.forwardRef(
8
8
  ({ children: o, className: i, ...f }, r) => {
9
- const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
9
+ const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
10
10
  t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
11
11
  };
12
- return F(() => {
12
+ return a(() => {
13
13
  if (!t.current)
14
14
  return;
15
15
  const { width: e } = t.current.getBoundingClientRect();
@@ -2,23 +2,23 @@ import { jsx as I } from "react/jsx-runtime";
2
2
  import x, { useContext as E, useRef as T, useEffect as m } from "react";
3
3
  import { FormFieldContext as B } from "../FormFieldContext.js";
4
4
  import { c as S, f as A } from "../../../chunks/vendor-D-uL_icH.js";
5
- import { EFormFieldStatus as d } from "../enums.js";
6
- const L = "formFieldTarget__31064c39", N = "placeholder__6e9df29f", R = "disabled__4388a233", o = {
5
+ import { EFormFieldStatus as a } from "../enums.js";
6
+ const L = "formFieldTarget__626119bb", N = "placeholder__645948c6", R = "disabled__ca621c01", o = {
7
7
  formFieldTarget: L,
8
8
  placeholder: N,
9
9
  disabled: R,
10
- "size-sm": "size-sm__eb9869a4",
11
- "size-md": "size-md__450c5a48",
12
- "size-lg": "size-lg__96a2c9be"
10
+ "size-sm": "size-sm__7fca3bb8",
11
+ "size-md": "size-md__fdf39150",
12
+ "size-lg": "size-lg__fed542e3"
13
13
  }, y = x.forwardRef((F, _) => {
14
- const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...g } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: h } = E(B), b = S(o.formFieldTarget, p, o[`size-${h}`], {
15
- [o.disabled]: r === d.DISABLED,
16
- [o.placeholder]: !!n && !s && r !== d.DISABLED
17
- }), a = T(e || A("formFieldTarget_"));
14
+ const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...b } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: g } = E(B), h = S(o.formFieldTarget, p, o[`size-${g}`], {
15
+ [o.disabled]: r === a.DISABLED,
16
+ [o.placeholder]: !!n && !s && r !== a.DISABLED
17
+ }), d = T(e || A("formFieldTarget_"));
18
18
  m(() => {
19
- t(a.current);
19
+ t(d.current);
20
20
  }, [t]), m(() => {
21
- e && (a.current = e, t(a.current));
21
+ e && (d.current = e, t(d.current));
22
22
  }, [e, t]), m(() => {
23
23
  u(!!s);
24
24
  }, [u, s]);
@@ -30,13 +30,13 @@ const L = "formFieldTarget__31064c39", N = "placeholder__6e9df29f", R = "disable
30
30
  return /* @__PURE__ */ I(
31
31
  "div",
32
32
  {
33
- ...g,
34
- className: b,
35
- "aria-disabled": r === d.DISABLED,
36
- id: a.current,
33
+ ...b,
34
+ className: h,
35
+ "aria-disabled": r === a.DISABLED,
36
+ id: d.current,
37
37
  onFocus: D,
38
38
  onBlur: z,
39
- tabIndex: r === d.DISABLED ? -1 : 0,
39
+ tabIndex: r === a.DISABLED ? -1 : 0,
40
40
  ref: _,
41
41
  children: s || n
42
42
  }
@@ -3,7 +3,7 @@ import _, { useContext as h, useRef as N, useEffect as c } from "react";
3
3
  import { FormFieldContext as R } from "../FormFieldContext.js";
4
4
  import { f as b, c as y } from "../../../chunks/vendor-D-uL_icH.js";
5
5
  import { EFormFieldStatus as C } from "../enums.js";
6
- const D = "formFieldTextarea__777f7b21", S = {
6
+ const D = "formFieldTextarea__5f79b298", S = {
7
7
  formFieldTextarea: D
8
8
  }, j = _.forwardRef(
9
9
  ({ className: i, id: e, onBlur: a, onFocus: s, placeholder: l, value: o, ...n }, x) => {
@@ -4,7 +4,7 @@ import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
4
4
  import { FormFieldLabel as p } from "./components/FormFieldLabel.js";
5
5
  import { FormFieldClear as d } from "./components/FormFieldClear.js";
6
6
  import { FormFieldTarget as a } from "./components/FormFieldTarget.js";
7
- import { F as n } from "../../chunks/FormFieldInput-apk1b0w6.js";
7
+ import { F as n } from "../../chunks/FormFieldInput-rV5ZVe9k.js";
8
8
  import { FormFieldMaskedInput as C } from "./components/FormFieldMaskedInput.js";
9
9
  import { FormFieldPostfix as I } from "./components/FormFieldPostfix.js";
10
10
  import { FormFieldPrefix as S } from "./components/FormFieldPrefix.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import m from "react";
3
- import { c as d } from "../../chunks/vendor-D-uL_icH.js";
2
+ import d from "react";
3
+ import { c as m } from "../../chunks/vendor-D-uL_icH.js";
4
4
  import { HeaderTabs as s } from "./components/HeaderTabs/HeaderTabs.js";
5
5
  import { HeaderTitle as c } from "./components/HeaderTitle/HeaderTitle.js";
6
6
  import { HeaderSubheader as p } from "./components/HeaderSubheader/HeaderSubheader.js";
@@ -11,17 +11,17 @@ import "./components/HeaderTabs/HeaderTabsContent.js";
11
11
  import "./components/HeaderTabs/HeaderTabsControls.js";
12
12
  import "./components/HeaderTitle/HeaderTitleContent.js";
13
13
  import "./components/HeaderTitle/HeaderTitleControls.js";
14
- const b = "header__720bdaac", n = "sticky__0fbfe909", e = {
15
- header: b,
16
- sticky: n
17
- }, l = Object.assign(
18
- m.forwardRef(function({ className: r, sticky: t, ...a }, o) {
14
+ const n = "header__293f2a64", l = "sticky__c3dad5c5", e = {
15
+ header: n,
16
+ sticky: l
17
+ }, y = Object.assign(
18
+ d.forwardRef(function({ className: r, sticky: t, ...a }, o) {
19
19
  return /* @__PURE__ */ i(
20
20
  "div",
21
21
  {
22
- className: d(e.header, { [e.sticky]: !!t }, r),
22
+ className: m(e.header, { [e.sticky]: !!t }, r),
23
23
  ...a,
24
- "data-tx": "1.1.0",
24
+ "data-tx": "1.1.1",
25
25
  ref: o
26
26
  }
27
27
  );
@@ -33,8 +33,8 @@ const b = "header__720bdaac", n = "sticky__0fbfe909", e = {
33
33
  Title: c
34
34
  }
35
35
  );
36
- l.displayName = "Header";
36
+ y.displayName = "Header";
37
37
  export {
38
- l as Header
38
+ y as Header
39
39
  };
40
40
  //# sourceMappingURL=Header.js.map
@@ -3,7 +3,7 @@ import d from "react";
3
3
  import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
4
4
  import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
5
5
  import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
6
- import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
6
+ import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
7
7
  const b = Object.assign(
8
8
  d.forwardRef(function({ children: e, className: r, ...a }, o) {
9
9
  return /* @__PURE__ */ t("div", { className: i(f.headerLayoutSidebar, r), ...a, ref: o, children: e });
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import s from "react";
3
3
  import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
4
- import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
4
+ import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
5
5
  const i = s.forwardRef(
6
6
  ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, children: e })
7
7
  );
@@ -1,7 +1,7 @@
1
1
  import { jsx as d } from "react/jsx-runtime";
2
2
  import i from "react";
3
3
  import { c as t } from "../../../../chunks/vendor-D-uL_icH.js";
4
- import { s } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
4
+ import { s } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
5
5
  const m = i.forwardRef(
6
6
  ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
7
7
  );
@@ -1,22 +1,22 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import h from "react";
3
3
  import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
4
- const u = "headerSubheader__5d1f0b19", f = "withoutPaddings__fd37f046", e = {
4
+ const u = "headerSubheader__a90e6eb1", n = "withoutPaddings__7140d3b9", e = {
5
5
  headerSubheader: u,
6
- withoutPaddings: f
7
- }, n = h.forwardRef(
8
- ({ children: d, className: a, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
6
+ withoutPaddings: n
7
+ }, b = h.forwardRef(
8
+ ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
9
9
  "div",
10
10
  {
11
- className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, a),
11
+ className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, d),
12
12
  ...t,
13
13
  ref: o,
14
- children: d
14
+ children: a
15
15
  }
16
16
  )
17
17
  );
18
- n.displayName = "HeaderSubheader";
18
+ b.displayName = "HeaderSubheader";
19
19
  export {
20
- n as HeaderSubheader
20
+ b as HeaderSubheader
21
21
  };
22
22
  //# sourceMappingURL=HeaderSubheader.js.map
@@ -3,7 +3,7 @@ import t from "react";
3
3
  import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
4
4
  import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
5
5
  import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
6
- import { s as f } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
6
+ import { s as f } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
7
7
  const i = Object.assign(
8
8
  t.forwardRef(function({ children: r, className: e, ...a }, o) {
9
9
  return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, children: r });
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import s from "react";
3
3
  import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
4
- import { s as n } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
4
+ import { s as n } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
5
5
  const d = s.forwardRef(
6
6
  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
7
7
  );
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import t from "react";
3
3
  import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
4
- import { s as l } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
4
+ import { s as l } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
5
5
  const d = t.forwardRef(
6
6
  ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
7
7
  );
@@ -3,7 +3,7 @@ import i from "react";
3
3
  import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
4
4
  import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
5
5
  import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
6
- import { s as n } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
6
+ import { s as n } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
7
7
  const d = Object.assign(
8
8
  i.forwardRef(function({ children: e, className: t, ...r }, o) {
9
9
  return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import s from "react";
3
3
  import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
4
- import { s as i } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
4
+ import { s as i } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
5
5
  const l = s.forwardRef(
6
6
  ({ children: e, className: t, ...r }, o) => /* @__PURE__ */ a("div", { className: m(t, i.headerTitleContent), ...r, ref: o, children: e })
7
7
  );
@@ -1,7 +1,7 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import a from "react";
3
3
  import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
4
- import { s as m } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
4
+ import { s as m } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
5
5
  const i = a.forwardRef(
6
6
  ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: l(m.headerTitleControls, r), ...e, ref: t, children: o })
7
7
  );
@@ -1,29 +1,29 @@
1
1
  import { jsx as _ } from "react/jsx-runtime";
2
2
  import m from "react";
3
3
  import { c as M } from "../../chunks/vendor-D-uL_icH.js";
4
- import { EIslandType as a, EIslandBorderRadius as r, EIslandPaddingSize as s } from "./enums.js";
4
+ import { EIslandType as e, EIslandBorderRadius as r, EIslandPaddingSize as s } from "./enums.js";
5
5
  import { IslandBody as l } from "./components/IslandBody.js";
6
6
  import { IslandHeader as u } from "./components/IslandHeader.js";
7
7
  import { IslandFooter as y } from "./components/IslandFooter.js";
8
- const b = "island__11bd9177", g = "type1__9ebb4b7e", f = "type2__bf920478", D = "type3__9e85c601", R = "borderRadiusMD__e4cf1d9e", S = "borderRadiusSM__a7b0f3fe", T = "paddingLG__3cc7414c", I = "paddingMD__38ce4dd2", E = "paddingSM__23930864", d = {
9
- island: b,
10
- type1: g,
11
- type2: f,
8
+ const g = "island__025957ca", f = "type1__a4c4b464", b = "type2__3c080eef", D = "type3__14db6b2e", R = "borderRadiusMD__c7556d55", S = "borderRadiusSM__d0f1ec29", T = "paddingLG__283f66d4", I = "paddingMD__32b33386", E = "paddingSM__f72671e2", d = {
9
+ island: g,
10
+ type1: f,
11
+ type2: b,
12
12
  type3: D,
13
13
  borderRadiusMD: R,
14
14
  borderRadiusSM: S,
15
15
  paddingLG: T,
16
16
  paddingMD: I,
17
17
  paddingSM: E
18
- }, P = (e) => {
19
- switch (e) {
18
+ }, P = (a) => {
19
+ switch (a) {
20
20
  case r.MD:
21
21
  return d.borderRadiusMD;
22
22
  case r.SM:
23
23
  return d.borderRadiusSM;
24
24
  }
25
- }, G = (e) => {
26
- switch (e) {
25
+ }, G = (a) => {
26
+ switch (a) {
27
27
  case s.MD:
28
28
  return d.paddingMD;
29
29
  case s.SM:
@@ -31,19 +31,19 @@ const b = "island__11bd9177", g = "type1__9ebb4b7e", f = "type2__bf920478", D =
31
31
  case s.LG:
32
32
  return d.paddingLG;
33
33
  }
34
- }, L = (e) => {
35
- switch (e) {
36
- case a.TYPE_1:
34
+ }, L = (a) => {
35
+ switch (a) {
36
+ case e.TYPE_1:
37
37
  return d.type1;
38
- case a.TYPE_2:
38
+ case e.TYPE_2:
39
39
  return d.type2;
40
- case a.TYPE_3:
40
+ case e.TYPE_3:
41
41
  return d.type3;
42
42
  }
43
43
  }, N = Object.assign(
44
44
  m.forwardRef(
45
45
  ({
46
- type: e = a.TYPE_1,
46
+ type: a = e.TYPE_1,
47
47
  borderRadius: t = r.MD,
48
48
  paddingSize: n = s.MD,
49
49
  className: o,
@@ -54,7 +54,7 @@ const b = "island__11bd9177", g = "type1__9ebb4b7e", f = "type2__bf920478", D =
54
54
  {
55
55
  className: M(
56
56
  d.island,
57
- L(e),
57
+ L(a),
58
58
  P(t),
59
59
  G(n),
60
60
  o
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import r from "react";
3
3
  import { c as t } from "../../../chunks/vendor-D-uL_icH.js";
4
- const l = "islandBody__1b57a1d8", n = {
4
+ const l = "islandBody__3d25ea83", n = {
5
5
  islandBody: l
6
6
  }, m = r.forwardRef(({ children: o, ...s }, d) => /* @__PURE__ */ a("div", { className: t(n.islandBody), ref: d, ...s, children: o }));
7
7
  export {