@salutejs/plasma-new-hope 0.134.0-canary.1404.10615452870.0 → 0.134.0-canary.1405.10615646161.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (257) hide show
  1. package/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -19
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  3. package/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -12
  4. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  5. package/cjs/components/DatePicker/hooks/useDatePicker.js +7 -9
  6. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  7. package/cjs/components/DatePicker/utils/dateHelper.js +13 -15
  8. package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -1
  9. package/cjs/components/InputGroup/InputGroup.css +11 -0
  10. package/cjs/components/InputGroup/InputGroup.js +81 -0
  11. package/cjs/components/InputGroup/InputGroup.js.map +1 -0
  12. package/cjs/components/InputGroup/InputGroup.styles.js +9 -0
  13. package/cjs/components/InputGroup/InputGroup.styles.js.map +1 -0
  14. package/cjs/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
  15. package/cjs/components/InputGroup/InputGroup.tokens.js +92 -0
  16. package/cjs/components/InputGroup/InputGroup.tokens.js.map +1 -0
  17. package/cjs/components/InputGroup/variations/_gap/base.js +9 -0
  18. package/cjs/components/InputGroup/variations/_gap/base.js.map +1 -0
  19. package/cjs/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
  20. package/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
  21. package/cjs/components/InputGroup/variations/_orientation/base.js.map +1 -0
  22. package/cjs/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
  23. package/cjs/components/InputGroup/variations/_shape/base.js +9 -0
  24. package/cjs/components/InputGroup/variations/_shape/base.js.map +1 -0
  25. package/cjs/components/InputGroup/variations/_shape/base_1v4bh9v.css +1 -0
  26. package/cjs/components/InputGroup/variations/_size/base.js +9 -0
  27. package/cjs/components/InputGroup/variations/_size/base.js.map +1 -0
  28. package/cjs/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
  29. package/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
  30. package/cjs/components/InputGroup/variations/_stretching/base.js.map +1 -0
  31. package/cjs/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
  32. package/cjs/components/TextField/TextField.js +1 -1
  33. package/cjs/components/TextField/TextField.js.map +1 -1
  34. package/cjs/components/TextField/TextField.tokens.js +2 -1
  35. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  36. package/cjs/index.css +12 -0
  37. package/cjs/index.js +7 -0
  38. package/cjs/index.js.map +1 -1
  39. package/cjs/utils/datejs.js +0 -1
  40. package/cjs/utils/datejs.js.map +1 -1
  41. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -19
  42. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -12
  43. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +7 -9
  44. package/emotion/cjs/components/DatePicker/utils/dateHelper.js +13 -15
  45. package/emotion/cjs/components/InputGroup/InputGroup.js +83 -0
  46. package/emotion/cjs/components/InputGroup/InputGroup.styles.js +17 -0
  47. package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +124 -0
  48. package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +90 -0
  49. package/emotion/cjs/components/InputGroup/InputGroup.types.js +5 -0
  50. package/emotion/cjs/components/InputGroup/index.js +31 -0
  51. package/emotion/cjs/components/InputGroup/variations/_gap/base.js +9 -0
  52. package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
  53. package/emotion/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
  54. package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
  55. package/emotion/cjs/components/InputGroup/variations/_shape/base.js +11 -0
  56. package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
  57. package/emotion/cjs/components/InputGroup/variations/_size/base.js +10 -0
  58. package/emotion/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
  59. package/emotion/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
  60. package/emotion/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
  61. package/emotion/cjs/components/TextField/TextField.js +2 -2
  62. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  63. package/emotion/cjs/components/TextField/index.js +6 -0
  64. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
  65. package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
  66. package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
  67. package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +102 -0
  68. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
  69. package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
  70. package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
  71. package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +102 -0
  72. package/emotion/cjs/index.js +11 -0
  73. package/emotion/cjs/utils/datejs.js +0 -1
  74. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +9 -19
  75. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +5 -12
  76. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +7 -9
  77. package/emotion/es/components/DatePicker/utils/dateHelper.js +13 -15
  78. package/emotion/es/components/InputGroup/InputGroup.js +74 -0
  79. package/emotion/es/components/InputGroup/InputGroup.styles.js +11 -0
  80. package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +124 -0
  81. package/emotion/es/components/InputGroup/InputGroup.tokens.js +84 -0
  82. package/emotion/es/components/InputGroup/InputGroup.types.js +1 -0
  83. package/emotion/es/components/InputGroup/index.js +2 -0
  84. package/emotion/es/components/InputGroup/variations/_gap/base.js +3 -0
  85. package/emotion/es/components/InputGroup/variations/_gap/tokens.json +1 -0
  86. package/emotion/es/components/InputGroup/variations/_orientation/base.js +3 -0
  87. package/emotion/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
  88. package/emotion/es/components/InputGroup/variations/_shape/base.js +5 -0
  89. package/emotion/es/components/InputGroup/variations/_shape/tokens.json +1 -0
  90. package/emotion/es/components/InputGroup/variations/_size/base.js +4 -0
  91. package/emotion/es/components/InputGroup/variations/_size/tokens.json +58 -0
  92. package/emotion/es/components/InputGroup/variations/_stretching/base.js +3 -0
  93. package/emotion/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
  94. package/emotion/es/components/TextField/TextField.js +2 -2
  95. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  96. package/emotion/es/components/TextField/index.js +1 -1
  97. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
  98. package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
  99. package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
  100. package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +102 -0
  101. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
  102. package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
  103. package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
  104. package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +102 -0
  105. package/emotion/es/index.js +1 -0
  106. package/emotion/es/utils/datejs.js +0 -1
  107. package/es/components/DatePicker/RangeDate/RangeDate.js +9 -19
  108. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  109. package/es/components/DatePicker/SingleDate/SingleDate.js +5 -12
  110. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  111. package/es/components/DatePicker/hooks/useDatePicker.js +7 -9
  112. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  113. package/es/components/DatePicker/utils/dateHelper.js +13 -15
  114. package/es/components/DatePicker/utils/dateHelper.js.map +1 -1
  115. package/es/components/InputGroup/InputGroup.css +11 -0
  116. package/es/components/InputGroup/InputGroup.js +76 -0
  117. package/es/components/InputGroup/InputGroup.js.map +1 -0
  118. package/es/components/InputGroup/InputGroup.styles.js +5 -0
  119. package/es/components/InputGroup/InputGroup.styles.js.map +1 -0
  120. package/es/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
  121. package/es/components/InputGroup/InputGroup.tokens.js +87 -0
  122. package/es/components/InputGroup/InputGroup.tokens.js.map +1 -0
  123. package/es/components/InputGroup/variations/_gap/base.js +5 -0
  124. package/es/components/InputGroup/variations/_gap/base.js.map +1 -0
  125. package/es/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
  126. package/es/components/InputGroup/variations/_orientation/base.js +5 -0
  127. package/es/components/InputGroup/variations/_orientation/base.js.map +1 -0
  128. package/es/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
  129. package/es/components/InputGroup/variations/_shape/base.js +5 -0
  130. package/es/components/InputGroup/variations/_shape/base.js.map +1 -0
  131. package/es/components/InputGroup/variations/_shape/base_1v4bh9v.css +1 -0
  132. package/es/components/InputGroup/variations/_size/base.js +5 -0
  133. package/es/components/InputGroup/variations/_size/base.js.map +1 -0
  134. package/es/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
  135. package/es/components/InputGroup/variations/_stretching/base.js +5 -0
  136. package/es/components/InputGroup/variations/_stretching/base.js.map +1 -0
  137. package/es/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
  138. package/es/components/TextField/TextField.js +1 -1
  139. package/es/components/TextField/TextField.js.map +1 -1
  140. package/es/components/TextField/TextField.tokens.js +2 -1
  141. package/es/components/TextField/TextField.tokens.js.map +1 -1
  142. package/es/index.css +12 -0
  143. package/es/index.js +3 -1
  144. package/es/index.js.map +1 -1
  145. package/es/utils/datejs.js +0 -1
  146. package/es/utils/datejs.js.map +1 -1
  147. package/package.json +2 -2
  148. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -19
  149. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -12
  150. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +7 -9
  151. package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +13 -15
  152. package/styled-components/cjs/components/InputGroup/InputGroup.js +83 -0
  153. package/styled-components/cjs/components/InputGroup/InputGroup.styles.js +8 -0
  154. package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +124 -0
  155. package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +90 -0
  156. package/styled-components/cjs/components/InputGroup/InputGroup.types.js +5 -0
  157. package/styled-components/cjs/components/InputGroup/index.js +31 -0
  158. package/styled-components/cjs/components/InputGroup/variations/_gap/base.js +9 -0
  159. package/styled-components/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
  160. package/styled-components/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
  161. package/styled-components/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
  162. package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +11 -0
  163. package/styled-components/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
  164. package/styled-components/cjs/components/InputGroup/variations/_size/base.js +10 -0
  165. package/styled-components/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
  166. package/styled-components/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
  167. package/styled-components/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
  168. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  169. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  170. package/styled-components/cjs/components/TextField/index.js +6 -0
  171. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
  172. package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
  173. package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
  174. package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +102 -0
  175. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
  176. package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
  177. package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
  178. package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +102 -0
  179. package/styled-components/cjs/index.js +11 -0
  180. package/styled-components/cjs/utils/datejs.js +0 -1
  181. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +9 -19
  182. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +5 -12
  183. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +7 -9
  184. package/styled-components/es/components/DatePicker/utils/dateHelper.js +13 -15
  185. package/styled-components/es/components/InputGroup/InputGroup.js +74 -0
  186. package/styled-components/es/components/InputGroup/InputGroup.styles.js +2 -0
  187. package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +124 -0
  188. package/styled-components/es/components/InputGroup/InputGroup.tokens.js +84 -0
  189. package/styled-components/es/components/InputGroup/InputGroup.types.js +1 -0
  190. package/styled-components/es/components/InputGroup/index.js +2 -0
  191. package/styled-components/es/components/InputGroup/variations/_gap/base.js +3 -0
  192. package/styled-components/es/components/InputGroup/variations/_gap/tokens.json +1 -0
  193. package/styled-components/es/components/InputGroup/variations/_orientation/base.js +3 -0
  194. package/styled-components/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
  195. package/styled-components/es/components/InputGroup/variations/_shape/base.js +5 -0
  196. package/styled-components/es/components/InputGroup/variations/_shape/tokens.json +1 -0
  197. package/styled-components/es/components/InputGroup/variations/_size/base.js +4 -0
  198. package/styled-components/es/components/InputGroup/variations/_size/tokens.json +58 -0
  199. package/styled-components/es/components/InputGroup/variations/_stretching/base.js +3 -0
  200. package/styled-components/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
  201. package/styled-components/es/components/TextField/TextField.js +1 -1
  202. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  203. package/styled-components/es/components/TextField/index.js +1 -1
  204. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
  205. package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
  206. package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
  207. package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +102 -0
  208. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
  209. package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
  210. package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
  211. package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +102 -0
  212. package/styled-components/es/index.js +1 -0
  213. package/styled-components/es/utils/datejs.js +0 -1
  214. package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -6
  215. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  216. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  217. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  218. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  219. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  220. package/types/components/DatePicker/utils/dateHelper.d.ts +3 -6
  221. package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
  222. package/types/components/InputGroup/InputGroup.d.ts +35 -0
  223. package/types/components/InputGroup/InputGroup.d.ts.map +1 -0
  224. package/types/components/InputGroup/InputGroup.styles.d.ts +2 -0
  225. package/types/components/InputGroup/InputGroup.styles.d.ts.map +1 -0
  226. package/types/components/InputGroup/InputGroup.tokens.d.ts +83 -0
  227. package/types/components/InputGroup/InputGroup.tokens.d.ts.map +1 -0
  228. package/types/components/InputGroup/InputGroup.types.d.ts +62 -0
  229. package/types/components/InputGroup/InputGroup.types.d.ts.map +1 -0
  230. package/types/components/InputGroup/index.d.ts +4 -0
  231. package/types/components/InputGroup/index.d.ts.map +1 -0
  232. package/types/components/InputGroup/variations/_gap/base.d.ts +2 -0
  233. package/types/components/InputGroup/variations/_gap/base.d.ts.map +1 -0
  234. package/types/components/InputGroup/variations/_orientation/base.d.ts +2 -0
  235. package/types/components/InputGroup/variations/_orientation/base.d.ts.map +1 -0
  236. package/types/components/InputGroup/variations/_shape/base.d.ts +2 -0
  237. package/types/components/InputGroup/variations/_shape/base.d.ts.map +1 -0
  238. package/types/components/InputGroup/variations/_size/base.d.ts +2 -0
  239. package/types/components/InputGroup/variations/_size/base.d.ts.map +1 -0
  240. package/types/components/InputGroup/variations/_stretching/base.d.ts +2 -0
  241. package/types/components/InputGroup/variations/_stretching/base.d.ts.map +1 -0
  242. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  243. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  244. package/types/components/TextField/index.d.ts +1 -1
  245. package/types/components/TextField/index.d.ts.map +1 -1
  246. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts +31 -0
  247. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +1 -0
  248. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts +27 -0
  249. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +1 -0
  250. package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts +31 -0
  251. package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +1 -0
  252. package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts +27 -0
  253. package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +1 -0
  254. package/types/index.d.ts +1 -0
  255. package/types/index.d.ts.map +1 -1
  256. package/types/utils/datejs.d.ts +0 -1
  257. package/types/utils/datejs.d.ts.map +1 -1
@@ -0,0 +1,81 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var React = require('react');
7
+ var index = require('../../utils/index.js');
8
+ var base = require('./variations/_size/base.js');
9
+ var base$1 = require('./variations/_gap/base.js');
10
+ var base$3 = require('./variations/_shape/base.js');
11
+ var base$2 = require('./variations/_orientation/base.js');
12
+ var base$4 = require('./variations/_stretching/base.js');
13
+ var InputGroup_styles = require('./InputGroup.styles.js');
14
+ var InputGroup_tokens = require('./InputGroup.tokens.js');
15
+
16
+ var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
17
+ var inputGroupRoot = function inputGroupRoot(Root) {
18
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
19
+ var children = props.children,
20
+ className = props.className,
21
+ size = props.size,
22
+ _props$stretching = props.stretching,
23
+ stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
24
+ _props$gap = props.gap,
25
+ gap = _props$gap === void 0 ? 'dense' : _props$gap,
26
+ _props$orientation = props.orientation,
27
+ orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
28
+ _props$shape = props.shape,
29
+ shape = _props$shape === void 0 ? 'default' : _props$shape,
30
+ _props$isCommonInputS = props.isCommonInputStyles,
31
+ isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
32
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
33
+ var orientationClass = InputGroup_tokens.classes[orientation];
34
+ var gapClass = InputGroup_tokens.classes[gap];
35
+ var shapeClass = InputGroup_tokens.classes[shape];
36
+ var stretchingClass = InputGroup_tokens.classes["".concat(stretching, "Stretching")];
37
+ var overrideStylesClass = isCommonInputStyles ? InputGroup_tokens.classes.inputGroupOverrideStyles : undefined;
38
+ return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
39
+ ref: ref,
40
+ size: size,
41
+ gap: gap,
42
+ orientation: orientation,
43
+ shape: shape,
44
+ className: index.cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
45
+ }, rest), children);
46
+ });
47
+ };
48
+ var inputGroupConfig = {
49
+ name: 'InputGroup',
50
+ tag: 'div',
51
+ layout: inputGroupRoot,
52
+ base: InputGroup_styles.base,
53
+ variations: {
54
+ size: {
55
+ css: base.base
56
+ },
57
+ gap: {
58
+ css: base$1.base
59
+ },
60
+ orientation: {
61
+ css: base$2.base
62
+ },
63
+ shape: {
64
+ css: base$3.base
65
+ },
66
+ stretching: {
67
+ css: base$4.base
68
+ }
69
+ },
70
+ defaults: {
71
+ size: 'm',
72
+ gap: 'dense',
73
+ orientation: 'horizontal',
74
+ shape: 'default',
75
+ stretching: 'auto'
76
+ }
77
+ };
78
+
79
+ exports.inputGroupConfig = inputGroupConfig;
80
+ exports.inputGroupRoot = inputGroupRoot;
81
+ //# sourceMappingURL=InputGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputGroup.js","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base } from './InputGroup.styles';\nimport { classes } from './InputGroup.tokens';\nimport type { InputGroupProps } from './InputGroup.types';\n\nexport const inputGroupRoot = (Root: RootProps<HTMLDivElement, InputGroupProps>) =>\n forwardRef<HTMLDivElement, InputGroupProps>((props, ref) => {\n const {\n children,\n className,\n size,\n stretching = 'auto',\n gap = 'dense',\n orientation = 'horizontal',\n shape = 'default',\n isCommonInputStyles = true,\n ...rest\n } = props;\n\n const orientationClass = classes[orientation];\n const gapClass = classes[gap];\n const shapeClass = classes[shape];\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n const overrideStylesClass = isCommonInputStyles ? classes.inputGroupOverrideStyles : undefined;\n\n return (\n <Root\n ref={ref}\n size={size}\n gap={gap}\n orientation={orientation}\n shape={shape}\n className={cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const inputGroupConfig = {\n name: 'InputGroup',\n tag: 'div',\n layout: inputGroupRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n gap: {\n css: gapCSS,\n },\n orientation: {\n css: orientationCSS,\n },\n shape: {\n css: shapeCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n size: 'm',\n gap: 'dense',\n orientation: 'horizontal',\n shape: 'default',\n stretching: 'auto',\n },\n};\n"],"names":["inputGroupRoot","Root","forwardRef","props","ref","children","className","size","_props$stretching","stretching","_props$gap","gap","_props$orientation","orientation","_props$shape","shape","_props$isCommonInputS","isCommonInputStyles","rest","_objectWithoutProperties","_excluded","orientationClass","classes","gapClass","shapeClass","stretchingClass","concat","overrideStylesClass","inputGroupOverrideStyles","undefined","React","createElement","_extends","cx","inputGroupConfig","name","tag","layout","base","variations","css","sizeCSS","gapCSS","orientationCSS","shapeCSS","stretchingCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import './InputGroup.styles_1ivl67d.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bkb9f46";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=InputGroup.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputGroup.styles.js","sources":["../../../src/components/InputGroup/InputGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n display: inline-flex;\n`;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAEhB;;;;"}
@@ -0,0 +1 @@
1
+ .bkb9f46{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
@@ -0,0 +1,92 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {
6
+ autoStretching: 'input-group-stretching-auto',
7
+ filledStretching: 'input-group-stretching-filled',
8
+ inputGroupOverrideStyles: 'input-group-override-styles',
9
+ inputGroupItem: 'input-group-item',
10
+ horizontal: 'input-group-orientation-horizontal',
11
+ vertical: 'input-group-orientation-vertical',
12
+ none: 'input-group-gap-none',
13
+ dense: 'input-group-gap-dense',
14
+ wide: 'input-group-gap-wide',
15
+ segmented: 'input-group-shape-segmented',
16
+ "default": 'input-group-shape-default'
17
+ };
18
+ var tokens = {
19
+ inputGroupOrientation: '--plasma-input-group-orientation',
20
+ inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
21
+ inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
22
+ inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
23
+ inputDefaultRadius: '--plasma-input-group-item-default-radius',
24
+ inputSideRadius: '--plasma-input-group-side-item-radius',
25
+ inputGroupItemsGap: '--plasma-input-group-items-gap',
26
+ height: '--plasma-input-group-item-height',
27
+ borderWidth: '--plasma-input-group-item-border-width',
28
+ /** Отступ от границы ТextField */
29
+ padding: '--plasma-input-group-item-padding',
30
+ paddingWithChips: '--plasma-input-group-item-padding-with-chips',
31
+ /* Токены для инпута */
32
+ leftContentMargin: '--plasma-input-group-item__left-content-margin',
33
+ rightContentMargin: '--plasma-input-group-item__right-content-margin',
34
+ fontFamily: '--plasma-input-group-item-font-family',
35
+ fontStyle: '--plasma-input-group-item-font-style',
36
+ fontSize: '--plasma-input-group-item-font-size',
37
+ fontWeight: '--plasma-input-group-item-font-weight',
38
+ letterSpacing: '--plasma-input-group-item-letter-spacing',
39
+ lineHeight: '--plasma-input-group-item-line-height',
40
+ /** Токены лейбла */
41
+ labelOffset: '--plasma-input-group-item__label-offset',
42
+ labelFontFamily: '--plasma-input-group-item__label-font-family',
43
+ labelFontStyle: '--plasma-input-group-item__label-font-style',
44
+ labelFontSize: '--plasma-input-group-item__label-font-size',
45
+ labelFontWeight: '--plasma-input-group-item__label-font-weight',
46
+ labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
47
+ labelLineHeight: '--plasma-input-group-item__label-line-height',
48
+ /* label-placement-inner */
49
+ labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
50
+ labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
51
+ labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
52
+ labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
53
+ labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
54
+ labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
55
+ labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
56
+ contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
57
+ leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
58
+ leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
59
+ leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
60
+ leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
61
+ leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
62
+ leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
63
+ leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
64
+ /** Токены вспомогательного текста */
65
+ textBeforeMargin: '--plasma-input-group-item__before-text-margin',
66
+ textAfterMargin: '--plasma-input-group-item__after-text-margin',
67
+ /** Токены чипа */
68
+ chipHeight: '--plasma-input-group-item__chip-height',
69
+ chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
70
+ chipGap: '--plasma-input-group-item__chip-gap',
71
+ chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
72
+ chipScaleActive: '--plasma-input-group-item__chip-scale-active',
73
+ chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
74
+ chipWidth: '--plasma-input-group-item__chip-width',
75
+ chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
76
+ chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
77
+ chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
78
+ chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
79
+ chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
80
+ chipFontFamily: '--plasma-input-group-item__chip-font-family',
81
+ chipFontSize: '--plasma-input-group-item__chip-font-size',
82
+ chipFontStyle: '--plasma-input-group-item__chip-font-style',
83
+ chipFontWeight: '--plasma-input-group-item__chip-font-weight',
84
+ chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
85
+ chipLineHeight: '--plasma-input-group-item__chip-line-height',
86
+ chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
87
+ chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
88
+ };
89
+
90
+ exports.classes = classes;
91
+ exports.tokens = tokens;
92
+ //# sourceMappingURL=InputGroup.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputGroup.tokens.js","sources":["../../../src/components/InputGroup/InputGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'input-group-stretching-auto',\n filledStretching: 'input-group-stretching-filled',\n\n inputGroupOverrideStyles: 'input-group-override-styles',\n inputGroupItem: 'input-group-item',\n\n horizontal: 'input-group-orientation-horizontal',\n vertical: 'input-group-orientation-vertical',\n\n none: 'input-group-gap-none',\n dense: 'input-group-gap-dense',\n wide: 'input-group-gap-wide',\n\n segmented: 'input-group-shape-segmented',\n default: 'input-group-shape-default',\n};\n\nexport const tokens = {\n inputGroupOrientation: '--plasma-input-group-orientation',\n\n inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',\n inputGroupWebClipPath: '--plasma-input-group-web-clip-path',\n\n inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',\n inputDefaultRadius: '--plasma-input-group-item-default-radius',\n inputSideRadius: '--plasma-input-group-side-item-radius',\n\n inputGroupItemsGap: '--plasma-input-group-items-gap',\n height: '--plasma-input-group-item-height',\n borderWidth: '--plasma-input-group-item-border-width',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-input-group-item-padding',\n paddingWithChips: '--plasma-input-group-item-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-input-group-item__left-content-margin',\n rightContentMargin: '--plasma-input-group-item__right-content-margin',\n\n fontFamily: '--plasma-input-group-item-font-family',\n fontStyle: '--plasma-input-group-item-font-style',\n fontSize: '--plasma-input-group-item-font-size',\n fontWeight: '--plasma-input-group-item-font-weight',\n letterSpacing: '--plasma-input-group-item-letter-spacing',\n lineHeight: '--plasma-input-group-item-line-height',\n\n /** Токены лейбла */\n labelOffset: '--plasma-input-group-item__label-offset',\n\n labelFontFamily: '--plasma-input-group-item__label-font-family',\n labelFontStyle: '--plasma-input-group-item__label-font-style',\n labelFontSize: '--plasma-input-group-item__label-font-size',\n labelFontWeight: '--plasma-input-group-item__label-font-weight',\n labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',\n labelLineHeight: '--plasma-input-group-item__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',\n\n leftHelperOffset: '--plasma-input-group-item__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',\n leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',\n leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',\n leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeMargin: '--plasma-input-group-item__before-text-margin',\n textAfterMargin: '--plasma-input-group-item__after-text-margin',\n\n /** Токены чипа */\n chipHeight: '--plasma-input-group-item__chip-height',\n chipBorderRadius: '--plasma-input-group-item__chip-border-radius',\n chipGap: '--plasma-input-group-item__chip-gap',\n chipScaleHover: '--plasma-input-group-item__chip-scale-hover',\n chipScaleActive: '--plasma-input-group-item__chip-scale-active',\n chipOutlineSize: '--plasma-input-group-item__chip-outline-size',\n chipWidth: '--plasma-input-group-item__chip-width',\n chipPaddingTop: '--plasma-input-group-item__chip-padding-top',\n chipPaddingRight: '--plasma-input-group-item__chip-padding-right',\n chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',\n chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',\n chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',\n chipFontFamily: '--plasma-input-group-item__chip-font-family',\n chipFontSize: '--plasma-input-group-item__chip-font-size',\n chipFontStyle: '--plasma-input-group-item__chip-font-style',\n chipFontWeight: '--plasma-input-group-item__chip-font-weight',\n chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',\n chipLineHeight: '--plasma-input-group-item__chip-line-height',\n chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right',\n};\n"],"names":["classes","autoStretching","filledStretching","inputGroupOverrideStyles","inputGroupItem","horizontal","vertical","none","dense","wide","segmented","tokens","inputGroupOrientation","inputGroupWebMarginLeft","inputGroupWebClipPath","inputSegmentedRadius","inputDefaultRadius","inputSideRadius","inputGroupItemsGap","height","borderWidth","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeMargin","textAfterMargin","chipHeight","chipBorderRadius","chipGap","chipScaleHover","chipScaleActive","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,6BAA6B;AAC7CC,EAAAA,gBAAgB,EAAE,+BAA+B;AAEjDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,cAAc,EAAE,kBAAkB;AAElCC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,sBAAsB;AAC5BC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,IAAI,EAAE,sBAAsB;AAE5BC,EAAAA,SAAS,EAAE,6BAA6B;EACxC,SAAS,EAAA,2BAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,qBAAqB,EAAE,kCAAkC;AAEzDC,EAAAA,uBAAuB,EAAE,sCAAsC;AAC/DC,EAAAA,qBAAqB,EAAE,oCAAoC;AAE3DC,EAAAA,oBAAoB,EAAE,4CAA4C;AAClEC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,eAAe,EAAE,uCAAuC;AAExDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,MAAM,EAAE,kCAAkC;AAC1CC,EAAAA,WAAW,EAAE,wCAAwC;AAErD;AACAC,EAAAA,OAAO,EAAE,mCAAmC;AAC5CC,EAAAA,gBAAgB,EAAE,8CAA8C;AAEhE;AACAC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,kBAAkB,EAAE,iDAAiD;AAErEC,EAAAA,UAAU,EAAE,uCAAuC;AACnDC,EAAAA,SAAS,EAAE,sCAAsC;AACjDC,EAAAA,QAAQ,EAAE,qCAAqC;AAC/CC,EAAAA,UAAU,EAAE,uCAAuC;AACnDC,EAAAA,aAAa,EAAE,0CAA0C;AACzDC,EAAAA,UAAU,EAAE,uCAAuC;AAEnD;AACAC,EAAAA,WAAW,EAAE,yCAAyC;AAEtDC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,kBAAkB,EAAE,iDAAiD;AACrEC,EAAAA,eAAe,EAAE,8CAA8C;AAE/D;AACAC,EAAAA,oBAAoB,EAAE,8DAA8D;AACpFC,EAAAA,mBAAmB,EAAE,6DAA6D;AAClFC,EAAAA,kBAAkB,EAAE,4DAA4D;AAChFC,EAAAA,oBAAoB,EAAE,8DAA8D;AACpFC,EAAAA,uBAAuB,EAAE,iEAAiE;AAC1FC,EAAAA,oBAAoB,EAAE,8DAA8D;AAEpFC,EAAAA,iBAAiB,EAAE,0DAA0D;AAC7EC,EAAAA,wBAAwB,EAAE,4DAA4D;AAEtFC,EAAAA,gBAAgB,EAAE,+CAA+C;AAEjEC,EAAAA,oBAAoB,EAAE,oDAAoD;AAC1EC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,oBAAoB,EAAE,oDAAoD;AAC1EC,EAAAA,uBAAuB,EAAE,uDAAuD;AAChFC,EAAAA,oBAAoB,EAAE,oDAAoD;AAE1E;AACAC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,eAAe,EAAE,8CAA8C;AAE/D;AACAC,EAAAA,UAAU,EAAE,wCAAwC;AACpDC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,OAAO,EAAE,qCAAqC;AAC9CC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,SAAS,EAAE,uCAAuC;AAClDC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,iBAAiB,EAAE,iDAAiD;AACpEC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,YAAY,EAAE,2CAA2C;AACzDC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,0BAA0B,EAAE,2DAA2D;AACvFC,EAAAA,2BAA2B,EAAE,4DAAA;AACjC;;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_1k4piyx.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bl5zpqu";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../InputGroup.tokens';\n\nexport const base = css`\n gap: var(${tokens.inputGroupItemsGap});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}
@@ -0,0 +1 @@
1
+ .bl5zpqu{gap:var(--plasma-input-group-items-gap);}
@@ -0,0 +1,9 @@
1
+ import './base_mgs8eg.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bdx478e";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.inputGroupOrientation});\n\n &.${classes.vertical} .${classes.inputGroupItem} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}
@@ -0,0 +1 @@
1
+ .bdx478e{-webkit-flex-direction:var(--plasma-input-group-orientation);-ms-flex-direction:var(--plasma-input-group-orientation);flex-direction:var(--plasma-input-group-orientation);}.bdx478e.input-group-orientation-vertical .input-group-item{width:auto;}
@@ -0,0 +1,9 @@
1
+ import './base_1v4bh9v.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bat8qm9";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\nimport { textFieldTokens, textFieldClasses } from '../../../TextField';\nimport { InputWrapper } from '../../../TextField/TextField.styles';\n\nexport const base = css`\n &.${classes.default} {\n --plasma_private-input-radius-inner: var(${tokens.inputDefaultRadius});\n }\n\n &.${classes.segmented} {\n --plasma_private-input-radius-inner: var(${tokens.inputSegmentedRadius});\n\n &.${classes.none} {\n --plasma_private-input-radius-inner: 0;\n }\n }\n\n & .${textFieldClasses.inputGroupItem} ${InputWrapper} {\n ${textFieldTokens.borderRadius}: var(--plasma_private-input-radius-inner);\n }\n\n /* NOTE: блок нужен только для TextField в plasma-web, чтобы border не наслаивались друг на друга */\n &.${classes.none} .${textFieldClasses.inputGroupItem} {\n &:not(:first-child) {\n margin-left: var(${tokens.inputGroupWebMarginLeft});\n }\n\n &:not(:last-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.inputGroupWebClipPath});\n\n &:hover,\n &:focus-within {\n clip-path: inset(0 0 0 0);\n }\n }\n }\n }\n\n &.${classes.horizontal}, &.${classes.vertical} {\n .${textFieldClasses.inputGroupItem}:first-child:last-child ${InputWrapper} {\n border-radius: var(${tokens.inputSideRadius});\n }\n }\n\n &.${classes.horizontal} {\n .${textFieldClasses.inputGroupItem}:first-child ${InputWrapper} {\n --plasma_private-left-side-radius: var(${tokens.inputSideRadius}) var(--plasma_private-input-radius-inner)\n var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius});\n\n border-radius: var(--plasma_private-left-side-radius);\n }\n\n .${textFieldClasses.inputGroupItem}:last-child ${InputWrapper} {\n --plasma_private-right-side-radius: var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius})\n var(${tokens.inputSideRadius}) var(--plasma_private-input-radius-inner);\n\n border-radius: var(--plasma_private-right-side-radius);\n }\n }\n\n &.${classes.vertical} {\n .${textFieldClasses.inputGroupItem}:first-child ${InputWrapper} {\n --plasma_private-up-side-radius: var(${tokens.inputSideRadius}) var(${tokens.inputSideRadius})\n var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);\n\n border-radius: var(--plasma_private-up-side-radius);\n }\n .${textFieldClasses.inputGroupItem}:last-child ${InputWrapper} {\n --plasma_private-down-side-radius: var(--plasma_private-input-radius-inner)\n var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius}) var(${tokens.inputSideRadius});\n\n border-radius: var(--plasma_private-down-side-radius);\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GAuEhB;;;;"}
@@ -0,0 +1 @@
1
+ .bat8qm9.input-group-shape-default{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.bat8qm9.input-group-shape-segmented{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.bat8qm9.input-group-shape-segmented.input-group-gap-none{--plasma_private-input-radius-inner:0;}.bat8qm9 .input-group-item .iq39zt5{--plasma-textfield-border-radius:var(--plasma_private-input-radius-inner);}.bat8qm9.input-group-gap-none .input-group-item:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5:hover,.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.bat8qm9.input-group-orientation-horizontal .input-group-item:first-child:last-child .iq39zt5,.bat8qm9.input-group-orientation-vertical .input-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-input-group-side-item-radius);}.bat8qm9.input-group-orientation-horizontal .input-group-item:first-child .iq39zt5{--plasma_private-left-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.bat8qm9.input-group-orientation-horizontal .input-group-item:last-child .iq39zt5{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.bat8qm9.input-group-orientation-vertical .input-group-item:first-child .iq39zt5{--plasma_private-up-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.bat8qm9.input-group-orientation-vertical .input-group-item:last-child .iq39zt5{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
@@ -0,0 +1,9 @@
1
+ import './base_1vk5vms.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1jw8jhy";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\nimport { textFieldTokens } from '../../../TextField';\n\nexport const base = css`\n &.${classes.inputGroupOverrideStyles} .${classes.inputGroupItem} {\n ${textFieldTokens.height}: var(${tokens.height});\n ${textFieldTokens.padding}: var(${tokens.padding});\n ${textFieldTokens.paddingWithChips}: var(${tokens.paddingWithChips});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textAfterMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.fontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.fontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.fontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.fontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.letterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.lineHeight});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n ${textFieldTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n ${textFieldTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n ${textFieldTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n ${textFieldTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.chipGap}: var(${tokens.chipGap});\n ${textFieldTokens.chipBorderRadius}: var(${tokens.chipBorderRadius});\n ${textFieldTokens.chipWidth}: var(${tokens.chipWidth});\n ${textFieldTokens.chipHeight}: var(${tokens.chipHeight});\n ${textFieldTokens.chipPaddingRight}: var(${tokens.chipPaddingRight});\n ${textFieldTokens.chipPaddingLeft}: var(${tokens.chipPaddingLeft});\n ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${textFieldTokens.chipCloseIconSize}: var(${tokens.chipCloseIconSize});\n ${textFieldTokens.chipFontFamily}: var(${tokens.chipFontFamily});\n ${textFieldTokens.chipFontSize}: var(${tokens.chipFontSize});\n ${textFieldTokens.chipFontStyle}: var(${tokens.chipFontStyle});\n ${textFieldTokens.chipFontWeight}: var(${tokens.chipFontWeight});\n ${textFieldTokens.chipLetterSpacing}: var(${tokens.chipLetterSpacing});\n ${textFieldTokens.chipLineHeight}: var(${tokens.chipLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAsDhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1jw8jhy.input-group-override-styles .input-group-item{--plasma-textfield-height:var(--plasma-input-group-item-height);--plasma-textfield-padding:var(--plasma-input-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-input-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-input-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-input-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-input-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-input-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-input-group-item-font-family);--plasma-textfield-font-size:var(--plasma-input-group-item-font-size);--plasma-textfield-font-style:var(--plasma-input-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-input-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-input-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-input-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-input-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-input-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-input-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-input-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-input-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-input-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-input-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-input-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-input-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-input-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-input-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-input-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-input-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-input-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-input-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-input-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-input-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-input-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-input-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-input-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-input-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-input-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-input-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-input-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-input-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-input-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-input-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-input-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-input-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-input-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-input-group-item__chip-line-height);}
@@ -0,0 +1,9 @@
1
+ import './base_1cr1a83.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1ybrzwp";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../InputGroup.tokens';\n\nexport const base = css`\n &.${classes.filledStretching} {\n width: 100%;\n\n .${classes.inputGroupItem} {\n width: 100%;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAQhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1ybrzwp.input-group-stretching-filled{width:100%;}.b1ybrzwp.input-group-stretching-filled .input-group-item{width:100%;}
@@ -147,7 +147,7 @@ var textFieldRoot = function textFieldRoot(Root) {
147
147
  readOnly: !disabled && readOnly,
148
148
  labelPlacement: innerLabelPlacementValue,
149
149
  onClick: handleInputFocus,
150
- className: index.cx(labelPlacementClass, hideLabelClass, className),
150
+ className: index.cx(labelPlacementClass, hideLabelClass, TextField_tokens.classes.inputGroupItem, className),
151
151
  style: style
152
152
  }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(TextField_styles.Label, {
153
153
  id: labelId,
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, className)}\n style={style}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, classes.inputGroupItem, className)}\n style={style}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","inputGroupItem","Label","htmlFor","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
@@ -8,7 +8,8 @@ var classes = {
8
8
  hasEmptyContentRight: 'has-empty-content-right',
9
9
  innerLabelPlacement: 'label-placement-inner',
10
10
  outerLabelPlacement: 'label-placement-outer',
11
- hideLabel: 'hide-label'
11
+ hideLabel: 'hide-label',
12
+ inputGroupItem: 'input-group-item'
12
13
  };
13
14
  var tokens = {
14
15
  color: '--plasma-textfield-color',
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n hasChips: 'has-chips',\n hasEmptyContentLeft: 'has-empty-content-left',\n hasEmptyContentRight: 'has-empty-content-right',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n hideLabel: 'hide-label',\n};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n\n backgroundColor: '--plasma-textfield-bg-color',\n backgroundColorHover: '--plasma-textfield-bg-color-hover',\n backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n borderColor: '--plasma-textfield-border-color',\n borderColorHover: '--plasma-textfield-border-color-hover',\n borderColorFocus: '--plasma-textfield-border-color-focus',\n\n /** Цвета для read-only состояния */\n colorReadOnly: '--plasma-textfield-color-readonly',\n backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n\n /** Цвет каретки */\n caretColor: '--plasma-textfield__caret-color',\n placeholderColor: '--plasma-textfield__placeholder-color',\n\n height: '--plasma-textfield-height',\n borderWidth: '--plasma-textfield-border-width',\n borderRadius: '--plasma-textfield-border-radius',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-textfield-padding',\n paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-textfield__left-content-margin',\n rightContentMargin: '--plasma-textfield__right-content-margin',\n\n fontFamily: '--plasma-textfield-font-family',\n fontStyle: '--plasma-textfield-font-style',\n fontSize: '--plasma-textfield-font-size',\n fontWeight: '--plasma-textfield-font-weight',\n letterSpacing: '--plasma-textfield-letter-spacing',\n lineHeight: '--plasma-textfield-line-height',\n\n /** Токены лейбла */\n labelColor: '--plasma-textfield__label-color',\n labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n labelOffset: '--plasma-textfield__label-offset',\n\n labelFontFamily: '--plasma-textfield__label-font-family',\n labelFontStyle: '--plasma-textfield__label-font-style',\n labelFontSize: '--plasma-textfield__label-font-size',\n labelFontWeight: '--plasma-textfield__label-font-weight',\n labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n labelLineHeight: '--plasma-textfield__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n leftHelperColor: '--plasma-textfield__left-helper-color',\n leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeColor: '--plasma-textfield__before-text-color',\n textAfterColor: '--plasma-textfield__after-text-color',\n textBeforeMargin: '--plasma-textfield__before-text-margin',\n textAfterMargin: '--plasma-textfield__after-text-margin',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textfield-disabled-opacity',\n\n /** Токены чипа */\n chipHeight: '--plasma-textfield__chip-height',\n chipBorderRadius: '--plasma-textfield__chip-border-radius',\n chipGap: '--plasma-textfield__chip-gap',\n chipBackground: '--plasma-textfield__chip-background',\n chipColor: '--plasma-textfield__chip-color',\n chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n chipColorHover: '--plasma-textfield__chip-color-hover',\n chipScaleHover: '--plasma-textfield__chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-textfield__chip-background-active',\n chipColorActive: '--plasma-textfield__chip-color-active',\n chipScaleActive: '--plasma-textfield__chip-scale-active',\n chipFocusColor: '--plasma-textfield__chip-focus-color',\n chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n chipOutlineSize: '--plasma-textfield__chip-outline-size',\n chipWidth: '--plasma-textfield__chip-width',\n chipPaddingTop: '--plasma-textfield__chip-padding-top',\n chipPaddingRight: '--plasma-textfield__chip-padding-right',\n chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n chipPaddingLeft: '--plasma-textfield__chip-padding-left',\n chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n chipFontFamily: '--plasma-textfield__chip-font-family',\n chipFontSize: '--plasma-textfield__chip-font-size',\n chipFontStyle: '--plasma-textfield__chip-font-style',\n chipFontWeight: '--plasma-textfield__chip-font-weight',\n chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n chipLineHeight: '--plasma-textfield__chip-line-height',\n chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n focusColor: '--plasma-textfield-focus-color',\n};\n"],"names":["classes","hasChips","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","tokens","color","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","caretColor","placeholderColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","chipHeight","chipBorderRadius","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n hasChips: 'has-chips',\n hasEmptyContentLeft: 'has-empty-content-left',\n hasEmptyContentRight: 'has-empty-content-right',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n hideLabel: 'hide-label',\n inputGroupItem: 'input-group-item',\n};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n\n backgroundColor: '--plasma-textfield-bg-color',\n backgroundColorHover: '--plasma-textfield-bg-color-hover',\n backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n borderColor: '--plasma-textfield-border-color',\n borderColorHover: '--plasma-textfield-border-color-hover',\n borderColorFocus: '--plasma-textfield-border-color-focus',\n\n /** Цвета для read-only состояния */\n colorReadOnly: '--plasma-textfield-color-readonly',\n backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n\n /** Цвет каретки */\n caretColor: '--plasma-textfield__caret-color',\n placeholderColor: '--plasma-textfield__placeholder-color',\n\n height: '--plasma-textfield-height',\n borderWidth: '--plasma-textfield-border-width',\n borderRadius: '--plasma-textfield-border-radius',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-textfield-padding',\n paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-textfield__left-content-margin',\n rightContentMargin: '--plasma-textfield__right-content-margin',\n\n fontFamily: '--plasma-textfield-font-family',\n fontStyle: '--plasma-textfield-font-style',\n fontSize: '--plasma-textfield-font-size',\n fontWeight: '--plasma-textfield-font-weight',\n letterSpacing: '--plasma-textfield-letter-spacing',\n lineHeight: '--plasma-textfield-line-height',\n\n /** Токены лейбла */\n labelColor: '--plasma-textfield__label-color',\n labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n labelOffset: '--plasma-textfield__label-offset',\n\n labelFontFamily: '--plasma-textfield__label-font-family',\n labelFontStyle: '--plasma-textfield__label-font-style',\n labelFontSize: '--plasma-textfield__label-font-size',\n labelFontWeight: '--plasma-textfield__label-font-weight',\n labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n labelLineHeight: '--plasma-textfield__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n leftHelperColor: '--plasma-textfield__left-helper-color',\n leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeColor: '--plasma-textfield__before-text-color',\n textAfterColor: '--plasma-textfield__after-text-color',\n textBeforeMargin: '--plasma-textfield__before-text-margin',\n textAfterMargin: '--plasma-textfield__after-text-margin',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textfield-disabled-opacity',\n\n /** Токены чипа */\n chipHeight: '--plasma-textfield__chip-height',\n chipBorderRadius: '--plasma-textfield__chip-border-radius',\n chipGap: '--plasma-textfield__chip-gap',\n chipBackground: '--plasma-textfield__chip-background',\n chipColor: '--plasma-textfield__chip-color',\n chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n chipColorHover: '--plasma-textfield__chip-color-hover',\n chipScaleHover: '--plasma-textfield__chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-textfield__chip-background-active',\n chipColorActive: '--plasma-textfield__chip-color-active',\n chipScaleActive: '--plasma-textfield__chip-scale-active',\n chipFocusColor: '--plasma-textfield__chip-focus-color',\n chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n chipOutlineSize: '--plasma-textfield__chip-outline-size',\n chipWidth: '--plasma-textfield__chip-width',\n chipPaddingTop: '--plasma-textfield__chip-padding-top',\n chipPaddingRight: '--plasma-textfield__chip-padding-right',\n chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n chipPaddingLeft: '--plasma-textfield__chip-padding-left',\n chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n chipFontFamily: '--plasma-textfield__chip-font-family',\n chipFontSize: '--plasma-textfield__chip-font-size',\n chipFontStyle: '--plasma-textfield__chip-font-style',\n chipFontWeight: '--plasma-textfield__chip-font-weight',\n chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n chipLineHeight: '--plasma-textfield__chip-line-height',\n chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n focusColor: '--plasma-textfield-focus-color',\n};\n"],"names":["classes","hasChips","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","inputGroupItem","tokens","color","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","caretColor","placeholderColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","chipHeight","chipBorderRadius","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor"],"mappings":"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"}
package/cjs/index.css CHANGED
@@ -145,6 +145,18 @@
145
145
 
146
146
  .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
147
147
 
148
+ .base_1vk5vms_b1jw8jhy__8aa6239c.base_1vk5vms_inputGroupOverrideStyles__8aa6239c .base_1vk5vms_inputGroupItem__8aa6239c{--plasma-textfield-height:var(--plasma-input-group-item-height);--plasma-textfield-padding:var(--plasma-input-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-input-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-input-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-input-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-input-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-input-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-input-group-item-font-family);--plasma-textfield-font-size:var(--plasma-input-group-item-font-size);--plasma-textfield-font-style:var(--plasma-input-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-input-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-input-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-input-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-input-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-input-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-input-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-input-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-input-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-input-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-input-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-input-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-input-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-input-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-input-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-input-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-input-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-input-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-input-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-input-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-input-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-input-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-input-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-input-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-input-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-input-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-input-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-input-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-input-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-input-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-input-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-input-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-input-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-input-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-input-group-item__chip-line-height);}
149
+
150
+ .base_1k4piyx_bl5zpqu__7f6cabbf{gap:var(--plasma-input-group-items-gap);}
151
+
152
+ .base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupShapeDefault__94dd9d77{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupShapeSegmented__94dd9d77{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupShapeSegmented__94dd9d77.base_1v4bh9v_inputGroupGapNone__94dd9d77{--plasma_private-input-radius-inner:0;}.base_1v4bh9v_bat8qm9__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77 .base_1v4bh9v_iq39zt5__94dd9d77{--plasma-textfield-border-radius:var(--plasma_private-input-radius-inner);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupGapNone__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupGapNone__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:not(:last-child) .base_1v4bh9v_iq39zt5__94dd9d77{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupGapNone__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:not(:last-child) .base_1v4bh9v_iq39zt5__94dd9d77:hover,.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupGapNone__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:not(:last-child) .base_1v4bh9v_iq39zt5__94dd9d77:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupOrientationHorizontal__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:first-child:last-child .base_1v4bh9v_iq39zt5__94dd9d77,.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupOrientationVertical__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:first-child:last-child .base_1v4bh9v_iq39zt5__94dd9d77{border-radius:var(--plasma-input-group-side-item-radius);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupOrientationHorizontal__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:first-child .base_1v4bh9v_iq39zt5__94dd9d77{--plasma_private-left-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupOrientationHorizontal__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:last-child .base_1v4bh9v_iq39zt5__94dd9d77{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupOrientationVertical__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:first-child .base_1v4bh9v_iq39zt5__94dd9d77{--plasma_private-up-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_1v4bh9v_bat8qm9__94dd9d77.base_1v4bh9v_inputGroupOrientationVertical__94dd9d77 .base_1v4bh9v_inputGroupItem__94dd9d77:last-child .base_1v4bh9v_iq39zt5__94dd9d77{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
153
+
154
+ .base_mgs8eg_bdx478e__a3287190{-webkit-flex-direction:var(--plasma-input-group-orientation);-ms-flex-direction:var(--plasma-input-group-orientation);flex-direction:var(--plasma-input-group-orientation);}.base_mgs8eg_bdx478e__a3287190.base_mgs8eg_inputGroupOrientationVertical__a3287190 .base_mgs8eg_inputGroupItem__a3287190{width:auto;}
155
+
156
+ .base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e{width:100%;}.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e .base_1cr1a83_inputGroupItem__d008f94e{width:100%;}
157
+
158
+ .InputGroup_styles_1ivl67d_bkb9f46__5d90d5de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
159
+
148
160
  .after_1sk7lsj_l1u83q10__310e7ae9{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
149
161
 
150
162
  .before_15wiyms_l1k91d31__886db968{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}