@salutejs/plasma-new-hope 0.137.0-canary.1405.10662876535.0 → 0.137.1-canary.1411.10666649424.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (207) hide show
  1. package/cjs/components/Popup/PopupContext.js +1 -1
  2. package/cjs/components/Popup/PopupContext.js.map +1 -1
  3. package/cjs/components/TextField/TextField.js +1 -1
  4. package/cjs/components/TextField/TextField.js.map +1 -1
  5. package/cjs/components/TextField/TextField.tokens.js +1 -2
  6. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  7. package/cjs/index.css +0 -12
  8. package/cjs/index.js +0 -7
  9. package/cjs/index.js.map +1 -1
  10. package/emotion/cjs/components/Popup/PopupContext.js +1 -1
  11. package/emotion/cjs/components/TextField/TextField.js +2 -2
  12. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
  13. package/emotion/cjs/components/TextField/index.js +0 -6
  14. package/emotion/cjs/index.js +0 -11
  15. package/emotion/es/components/Popup/PopupContext.js +1 -1
  16. package/emotion/es/components/TextField/TextField.js +2 -2
  17. package/emotion/es/components/TextField/TextField.tokens.js +1 -2
  18. package/emotion/es/components/TextField/index.js +1 -1
  19. package/emotion/es/index.js +0 -1
  20. package/es/components/Popup/PopupContext.js +1 -1
  21. package/es/components/Popup/PopupContext.js.map +1 -1
  22. package/es/components/TextField/TextField.js +1 -1
  23. package/es/components/TextField/TextField.js.map +1 -1
  24. package/es/components/TextField/TextField.tokens.js +1 -2
  25. package/es/components/TextField/TextField.tokens.js.map +1 -1
  26. package/es/index.css +0 -12
  27. package/es/index.js +1 -3
  28. package/es/index.js.map +1 -1
  29. package/package.json +4 -4
  30. package/styled-components/cjs/components/Popup/PopupContext.js +1 -1
  31. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  32. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
  33. package/styled-components/cjs/components/TextField/index.js +0 -6
  34. package/styled-components/cjs/index.js +0 -11
  35. package/styled-components/es/components/Popup/PopupContext.js +1 -1
  36. package/styled-components/es/components/TextField/TextField.js +1 -1
  37. package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
  38. package/styled-components/es/components/TextField/index.js +1 -1
  39. package/styled-components/es/index.js +0 -1
  40. package/types/components/TextField/TextField.tokens.d.ts +0 -1
  41. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  42. package/types/components/TextField/index.d.ts +1 -1
  43. package/types/components/TextField/index.d.ts.map +1 -1
  44. package/types/index.d.ts +0 -1
  45. package/types/index.d.ts.map +1 -1
  46. package/cjs/components/InputGroup/InputGroup.css +0 -11
  47. package/cjs/components/InputGroup/InputGroup.js +0 -81
  48. package/cjs/components/InputGroup/InputGroup.js.map +0 -1
  49. package/cjs/components/InputGroup/InputGroup.styles.js +0 -9
  50. package/cjs/components/InputGroup/InputGroup.styles.js.map +0 -1
  51. package/cjs/components/InputGroup/InputGroup.styles_1ivl67d.css +0 -1
  52. package/cjs/components/InputGroup/InputGroup.tokens.js +0 -94
  53. package/cjs/components/InputGroup/InputGroup.tokens.js.map +0 -1
  54. package/cjs/components/InputGroup/variations/_gap/base.js +0 -9
  55. package/cjs/components/InputGroup/variations/_gap/base.js.map +0 -1
  56. package/cjs/components/InputGroup/variations/_gap/base_1k4piyx.css +0 -1
  57. package/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
  58. package/cjs/components/InputGroup/variations/_orientation/base.js.map +0 -1
  59. package/cjs/components/InputGroup/variations/_orientation/base_mgs8eg.css +0 -1
  60. package/cjs/components/InputGroup/variations/_shape/base.js +0 -9
  61. package/cjs/components/InputGroup/variations/_shape/base.js.map +0 -1
  62. package/cjs/components/InputGroup/variations/_shape/base_3k0aw7.css +0 -1
  63. package/cjs/components/InputGroup/variations/_size/base.js +0 -9
  64. package/cjs/components/InputGroup/variations/_size/base.js.map +0 -1
  65. package/cjs/components/InputGroup/variations/_size/base_1vk5vms.css +0 -1
  66. package/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
  67. package/cjs/components/InputGroup/variations/_stretching/base.js.map +0 -1
  68. package/cjs/components/InputGroup/variations/_stretching/base_1cr1a83.css +0 -1
  69. package/emotion/cjs/components/InputGroup/InputGroup.js +0 -83
  70. package/emotion/cjs/components/InputGroup/InputGroup.styles.js +0 -17
  71. package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +0 -126
  72. package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
  73. package/emotion/cjs/components/InputGroup/InputGroup.types.js +0 -5
  74. package/emotion/cjs/components/InputGroup/index.js +0 -31
  75. package/emotion/cjs/components/InputGroup/variations/_gap/base.js +0 -9
  76. package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json +0 -1
  77. package/emotion/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
  78. package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json +0 -1
  79. package/emotion/cjs/components/InputGroup/variations/_shape/base.js +0 -11
  80. package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json +0 -1
  81. package/emotion/cjs/components/InputGroup/variations/_size/base.js +0 -10
  82. package/emotion/cjs/components/InputGroup/variations/_size/tokens.json +0 -58
  83. package/emotion/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
  84. package/emotion/cjs/components/InputGroup/variations/_stretching/tokens.json +0 -1
  85. package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -38
  86. package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -11
  87. package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
  88. package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -38
  89. package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +0 -11
  90. package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
  91. package/emotion/es/components/InputGroup/InputGroup.js +0 -74
  92. package/emotion/es/components/InputGroup/InputGroup.styles.js +0 -11
  93. package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +0 -126
  94. package/emotion/es/components/InputGroup/InputGroup.tokens.js +0 -86
  95. package/emotion/es/components/InputGroup/InputGroup.types.js +0 -1
  96. package/emotion/es/components/InputGroup/index.js +0 -2
  97. package/emotion/es/components/InputGroup/variations/_gap/base.js +0 -3
  98. package/emotion/es/components/InputGroup/variations/_gap/tokens.json +0 -1
  99. package/emotion/es/components/InputGroup/variations/_orientation/base.js +0 -3
  100. package/emotion/es/components/InputGroup/variations/_orientation/tokens.json +0 -1
  101. package/emotion/es/components/InputGroup/variations/_shape/base.js +0 -5
  102. package/emotion/es/components/InputGroup/variations/_shape/tokens.json +0 -1
  103. package/emotion/es/components/InputGroup/variations/_size/base.js +0 -4
  104. package/emotion/es/components/InputGroup/variations/_size/tokens.json +0 -58
  105. package/emotion/es/components/InputGroup/variations/_stretching/base.js +0 -3
  106. package/emotion/es/components/InputGroup/variations/_stretching/tokens.json +0 -1
  107. package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -32
  108. package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -5
  109. package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
  110. package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -32
  111. package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.js +0 -5
  112. package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
  113. package/es/components/InputGroup/InputGroup.css +0 -11
  114. package/es/components/InputGroup/InputGroup.js +0 -76
  115. package/es/components/InputGroup/InputGroup.js.map +0 -1
  116. package/es/components/InputGroup/InputGroup.styles.js +0 -5
  117. package/es/components/InputGroup/InputGroup.styles.js.map +0 -1
  118. package/es/components/InputGroup/InputGroup.styles_1ivl67d.css +0 -1
  119. package/es/components/InputGroup/InputGroup.tokens.js +0 -89
  120. package/es/components/InputGroup/InputGroup.tokens.js.map +0 -1
  121. package/es/components/InputGroup/variations/_gap/base.js +0 -5
  122. package/es/components/InputGroup/variations/_gap/base.js.map +0 -1
  123. package/es/components/InputGroup/variations/_gap/base_1k4piyx.css +0 -1
  124. package/es/components/InputGroup/variations/_orientation/base.js +0 -5
  125. package/es/components/InputGroup/variations/_orientation/base.js.map +0 -1
  126. package/es/components/InputGroup/variations/_orientation/base_mgs8eg.css +0 -1
  127. package/es/components/InputGroup/variations/_shape/base.js +0 -5
  128. package/es/components/InputGroup/variations/_shape/base.js.map +0 -1
  129. package/es/components/InputGroup/variations/_shape/base_3k0aw7.css +0 -1
  130. package/es/components/InputGroup/variations/_size/base.js +0 -5
  131. package/es/components/InputGroup/variations/_size/base.js.map +0 -1
  132. package/es/components/InputGroup/variations/_size/base_1vk5vms.css +0 -1
  133. package/es/components/InputGroup/variations/_stretching/base.js +0 -5
  134. package/es/components/InputGroup/variations/_stretching/base.js.map +0 -1
  135. package/es/components/InputGroup/variations/_stretching/base_1cr1a83.css +0 -1
  136. package/styled-components/cjs/components/InputGroup/InputGroup.js +0 -83
  137. package/styled-components/cjs/components/InputGroup/InputGroup.styles.js +0 -8
  138. package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +0 -126
  139. package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
  140. package/styled-components/cjs/components/InputGroup/InputGroup.types.js +0 -5
  141. package/styled-components/cjs/components/InputGroup/index.js +0 -31
  142. package/styled-components/cjs/components/InputGroup/variations/_gap/base.js +0 -9
  143. package/styled-components/cjs/components/InputGroup/variations/_gap/tokens.json +0 -1
  144. package/styled-components/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
  145. package/styled-components/cjs/components/InputGroup/variations/_orientation/tokens.json +0 -1
  146. package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +0 -11
  147. package/styled-components/cjs/components/InputGroup/variations/_shape/tokens.json +0 -1
  148. package/styled-components/cjs/components/InputGroup/variations/_size/base.js +0 -10
  149. package/styled-components/cjs/components/InputGroup/variations/_size/tokens.json +0 -58
  150. package/styled-components/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
  151. package/styled-components/cjs/components/InputGroup/variations/_stretching/tokens.json +0 -1
  152. package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -38
  153. package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -11
  154. package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
  155. package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -38
  156. package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +0 -11
  157. package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
  158. package/styled-components/es/components/InputGroup/InputGroup.js +0 -74
  159. package/styled-components/es/components/InputGroup/InputGroup.styles.js +0 -2
  160. package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +0 -126
  161. package/styled-components/es/components/InputGroup/InputGroup.tokens.js +0 -86
  162. package/styled-components/es/components/InputGroup/InputGroup.types.js +0 -1
  163. package/styled-components/es/components/InputGroup/index.js +0 -2
  164. package/styled-components/es/components/InputGroup/variations/_gap/base.js +0 -3
  165. package/styled-components/es/components/InputGroup/variations/_gap/tokens.json +0 -1
  166. package/styled-components/es/components/InputGroup/variations/_orientation/base.js +0 -3
  167. package/styled-components/es/components/InputGroup/variations/_orientation/tokens.json +0 -1
  168. package/styled-components/es/components/InputGroup/variations/_shape/base.js +0 -5
  169. package/styled-components/es/components/InputGroup/variations/_shape/tokens.json +0 -1
  170. package/styled-components/es/components/InputGroup/variations/_size/base.js +0 -4
  171. package/styled-components/es/components/InputGroup/variations/_size/tokens.json +0 -58
  172. package/styled-components/es/components/InputGroup/variations/_stretching/base.js +0 -3
  173. package/styled-components/es/components/InputGroup/variations/_stretching/tokens.json +0 -1
  174. package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -32
  175. package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -5
  176. package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
  177. package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -32
  178. package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js +0 -5
  179. package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
  180. package/types/components/InputGroup/InputGroup.d.ts +0 -35
  181. package/types/components/InputGroup/InputGroup.d.ts.map +0 -1
  182. package/types/components/InputGroup/InputGroup.styles.d.ts +0 -2
  183. package/types/components/InputGroup/InputGroup.styles.d.ts.map +0 -1
  184. package/types/components/InputGroup/InputGroup.tokens.d.ts +0 -85
  185. package/types/components/InputGroup/InputGroup.tokens.d.ts.map +0 -1
  186. package/types/components/InputGroup/InputGroup.types.d.ts +0 -84
  187. package/types/components/InputGroup/InputGroup.types.d.ts.map +0 -1
  188. package/types/components/InputGroup/index.d.ts +0 -4
  189. package/types/components/InputGroup/index.d.ts.map +0 -1
  190. package/types/components/InputGroup/variations/_gap/base.d.ts +0 -2
  191. package/types/components/InputGroup/variations/_gap/base.d.ts.map +0 -1
  192. package/types/components/InputGroup/variations/_orientation/base.d.ts +0 -2
  193. package/types/components/InputGroup/variations/_orientation/base.d.ts.map +0 -1
  194. package/types/components/InputGroup/variations/_shape/base.d.ts +0 -2
  195. package/types/components/InputGroup/variations/_shape/base.d.ts.map +0 -1
  196. package/types/components/InputGroup/variations/_size/base.d.ts +0 -2
  197. package/types/components/InputGroup/variations/_size/base.d.ts.map +0 -1
  198. package/types/components/InputGroup/variations/_stretching/base.d.ts +0 -2
  199. package/types/components/InputGroup/variations/_stretching/base.d.ts.map +0 -1
  200. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts +0 -31
  201. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +0 -1
  202. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts +0 -43
  203. package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +0 -1
  204. package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts +0 -31
  205. package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +0 -1
  206. package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts +0 -43
  207. package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +0 -1
@@ -1,126 +0,0 @@
1
- ---
2
- id: inputGroup
3
- title: InputGroup
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # InputGroup
9
- <Description name="InputGroup" />
10
- <PropsTable name="InputGroup" exclude={['css']} />
11
-
12
- ## Использование
13
- Компонент `InputGroup` - это обертка для Input. Принимает в себя группу input.
14
-
15
- ```tsx live
16
- import React from 'react';
17
- import { InputGroup, TextField } from '@salutejs/{{ package }}';
18
-
19
- export function App() {
20
- return (
21
- <InputGroup>
22
- {Array(5)
23
- .fill(true)
24
- .map((_, i) => (
25
- <TextField placeholder={`input #${i}`} />
26
- ))}
27
- </InputGroup>
28
- );
29
- }
30
- ```
31
-
32
- ## Примеры
33
-
34
- ### Размер группы input
35
- Размер InputGroup задается с помощью свойства `size`.
36
- С помощью свойства `isCommonInputStyles` можно отключить переопределение стилей для всех input внутри группы.
37
- Тогда каждкаждый input будет иметь настраиваемый размер.
38
-
39
- ```tsx live
40
- import React from 'react';
41
- import { InputGroup, TextField } from '@salutejs/{{ package }}';
42
-
43
- export function App() {
44
- return (
45
- <div>
46
- <InputGroup size="s" view="secondary">
47
- {Array(5)
48
- .fill(true)
49
- .map((_, i) => (
50
- <TextField placeholder={`input #${i}`} />
51
- ))}
52
- </InputGroup>
53
-
54
- <InputGroup isCommonInputStyles={false}>
55
- <TextField placeholder="Размер l" size="l" />
56
- <TextField placeholder="Размер m" size="m" />
57
- <TextField placeholder="Размер s" size="s" />
58
- <TextField placeholder="Размер xs" size="xs" />
59
- </InputGroup>
60
- </div>
61
- );
62
- }
63
- ```
64
-
65
- ### Границы input
66
- Границы input задаются с помощью свойства `shape`.
67
-
68
- ```tsx live
69
- import React from 'react';
70
- import { InputGroup, TextField } from '@salutejs/{{ package }}';
71
-
72
- export function App() {
73
- return (
74
- <div>
75
- <InputGroup size="xs" shape="segmented">
76
- {Array(3)
77
- .fill(true)
78
- .map((_, i) => (
79
- <TextField placeholder={`input #${i}`} />
80
- ))}
81
- </InputGroup>
82
-
83
- <InputGroup size="xs" shape="default">
84
- {Array(3)
85
- .fill(true)
86
- .map((_, i) => (
87
- <TextField placeholder={`input #${i}`} />
88
- ))}
89
- </InputGroup>
90
- </div>
91
- );
92
- }
93
- ```
94
-
95
- ### Ориентация InputGroup и отступы между input
96
-
97
- InputGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
98
- При `shape='default'`, `gap` может принимать значения `dense` и `wide`;
99
- При `shape='segmented'`, `gap` может принимать значения `none` и `dense`;
100
-
101
- ```tsx live
102
- import React from 'react';
103
- import { InputGroup, TextField } from '@salutejs/{{ package }}';
104
-
105
- export function App() {
106
- return (
107
- <div>
108
- <InputGroup size="xs" orientation="vertical" shape="segmented" gap="none">
109
- {Array(5)
110
- .fill(true)
111
- .map((_, i) => (
112
- <TextField placeholder={`input #${i}`} />
113
- ))}
114
- </InputGroup>
115
-
116
- <InputGroup size="xs" orientation="horizontal" gap="wide">
117
- {Array(4)
118
- .fill(true)
119
- .map((_, i) => (
120
- <TextField placeholder={`input #${i}`} />
121
- ))}
122
- </InputGroup>
123
- </div>
124
- );
125
- }
126
- ```
@@ -1,92 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- autoStretching: 'input-group-stretching-auto',
9
- filledStretching: 'input-group-stretching-filled',
10
- inputGroupOverrideStyles: 'input-group-override-styles',
11
- inputGroupItem: 'input-group-item',
12
- horizontal: 'input-group-orientation-horizontal',
13
- vertical: 'input-group-orientation-vertical',
14
- none: 'input-group-gap-none',
15
- dense: 'input-group-gap-dense',
16
- wide: 'input-group-gap-wide',
17
- segmented: 'input-group-shape-segmented',
18
- "default": 'input-group-shape-default'
19
- };
20
- var tokens = exports.tokens = {
21
- inputGroupOrientation: '--plasma-input-group-orientation',
22
- inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
23
- inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
24
- inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',
25
- inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',
26
- inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
27
- inputDefaultRadius: '--plasma-input-group-item-default-radius',
28
- inputSideRadius: '--plasma-input-group-side-item-radius',
29
- inputGroupItemsGap: '--plasma-input-group-items-gap',
30
- height: '--plasma-input-group-item-height',
31
- borderWidth: '--plasma-input-group-item-border-width',
32
- /** Отступ от границы ТextField */
33
- padding: '--plasma-input-group-item-padding',
34
- paddingWithChips: '--plasma-input-group-item-padding-with-chips',
35
- /* Токены для инпута */
36
- leftContentMargin: '--plasma-input-group-item__left-content-margin',
37
- rightContentMargin: '--plasma-input-group-item__right-content-margin',
38
- fontFamily: '--plasma-input-group-item-font-family',
39
- fontStyle: '--plasma-input-group-item-font-style',
40
- fontSize: '--plasma-input-group-item-font-size',
41
- fontWeight: '--plasma-input-group-item-font-weight',
42
- letterSpacing: '--plasma-input-group-item-letter-spacing',
43
- lineHeight: '--plasma-input-group-item-line-height',
44
- /** Токены лейбла */
45
- labelOffset: '--plasma-input-group-item__label-offset',
46
- labelFontFamily: '--plasma-input-group-item__label-font-family',
47
- labelFontStyle: '--plasma-input-group-item__label-font-style',
48
- labelFontSize: '--plasma-input-group-item__label-font-size',
49
- labelFontWeight: '--plasma-input-group-item__label-font-weight',
50
- labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
51
- labelLineHeight: '--plasma-input-group-item__label-line-height',
52
- /* label-placement-inner */
53
- labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
54
- labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
55
- labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
56
- labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
57
- labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
58
- labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
59
- labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
60
- contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
61
- leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
62
- leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
63
- leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
64
- leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
65
- leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
66
- leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
67
- leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
68
- /** Токены вспомогательного текста */
69
- textBeforeMargin: '--plasma-input-group-item__before-text-margin',
70
- textAfterMargin: '--plasma-input-group-item__after-text-margin',
71
- /** Токены чипа */
72
- chipHeight: '--plasma-input-group-item__chip-height',
73
- chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
74
- chipGap: '--plasma-input-group-item__chip-gap',
75
- chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
76
- chipScaleActive: '--plasma-input-group-item__chip-scale-active',
77
- chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
78
- chipWidth: '--plasma-input-group-item__chip-width',
79
- chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
80
- chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
81
- chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
82
- chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
83
- chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
84
- chipFontFamily: '--plasma-input-group-item__chip-font-family',
85
- chipFontSize: '--plasma-input-group-item__chip-font-size',
86
- chipFontStyle: '--plasma-input-group-item__chip-font-style',
87
- chipFontWeight: '--plasma-input-group-item__chip-font-weight',
88
- chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
89
- chipLineHeight: '--plasma-input-group-item__chip-line-height',
90
- chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
91
- chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
92
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "inputGroupClasses", {
7
- enumerable: true,
8
- get: function get() {
9
- return _InputGroup2.classes;
10
- }
11
- });
12
- Object.defineProperty(exports, "inputGroupConfig", {
13
- enumerable: true,
14
- get: function get() {
15
- return _InputGroup.inputGroupConfig;
16
- }
17
- });
18
- Object.defineProperty(exports, "inputGroupRoot", {
19
- enumerable: true,
20
- get: function get() {
21
- return _InputGroup.inputGroupRoot;
22
- }
23
- });
24
- Object.defineProperty(exports, "inputGroupTokens", {
25
- enumerable: true,
26
- get: function get() {
27
- return _InputGroup2.tokens;
28
- }
29
- });
30
- var _InputGroup = /*#__PURE__*/require("./InputGroup");
31
- var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["gap:var(", ");"], _InputGroup.tokens.inputGroupItemsGap);
@@ -1 +0,0 @@
1
- ["--plasma-input-group-items-gap"]
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["flex-direction:var(", ");&.", " .", "{width:auto;}"], _InputGroup.tokens.inputGroupOrientation, _InputGroup.classes.vertical, _InputGroup.classes.inputGroupItem);
@@ -1 +0,0 @@
1
- ["--plasma-input-group-orientation"]
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
9
- var _TextField = /*#__PURE__*/require("../../../TextField");
10
- var _TextField2 = /*#__PURE__*/require("../../../TextField/TextField.styles");
11
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-input-radius-inner:var(", ");}&.", "{--plasma_private-input-radius-inner:var(", ");&.", "{--plasma_private-input-radius-inner:0;}}& .", " ", "{", ":var(--plasma_private-input-radius-inner);transition:clip-path 0.05s ease-in;}&.", "&.", " .", "{&:not(:first-child){margin-left:var(", ");}&:not(:last-child){", "{clip-path:var(", ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", "&.", " .", "{&:not(:first-child){margin-top:var(", ");}&:not(:first-child){", "{clip-path:var(", ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", ",&.", "{.", ":first-child:last-child ", "{border-radius:var(", ");}}&.", "{.", ":first-child ", "{--plasma_private-left-side-radius:var(", ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", ");border-radius:var(--plasma_private-left-side-radius);}.", ":last-child ", "{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(", ") var(", ") var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}}&.", "{.", ":first-child ", "{--plasma_private-up-side-radius:var(", ") var(", ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.", ":last-child ", "{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", ") var(", ");border-radius:var(--plasma_private-down-side-radius);}}"], _InputGroup.classes["default"], _InputGroup.tokens.inputDefaultRadius, _InputGroup.classes.segmented, _InputGroup.tokens.inputSegmentedRadius, _InputGroup.classes.none, _TextField.textFieldClasses.inputGroupItem, _TextField2.InputWrapper, _TextField.textFieldTokens.borderRadius, _InputGroup.classes.horizontal, _InputGroup.classes.none, _TextField.textFieldClasses.inputGroupItem, _InputGroup.tokens.inputGroupWebMarginLeft, _TextField2.InputWrapper, _InputGroup.tokens.inputGroupWebClipPath, _InputGroup.classes.vertical, _InputGroup.classes.none, _TextField.textFieldClasses.inputGroupItem, _InputGroup.tokens.inputGroupWebMarginTop, _TextField2.InputWrapper, _InputGroup.tokens.inputGroupWebVerticalClipPath, _InputGroup.classes.horizontal, _InputGroup.classes.vertical, _TextField.textFieldClasses.inputGroupItem, _TextField2.InputWrapper, _InputGroup.tokens.inputSideRadius, _InputGroup.classes.horizontal, _TextField.textFieldClasses.inputGroupItem, _TextField2.InputWrapper, _InputGroup.tokens.inputSideRadius, _InputGroup.tokens.inputSideRadius, _TextField.textFieldClasses.inputGroupItem, _TextField2.InputWrapper, _InputGroup.tokens.inputSideRadius, _InputGroup.tokens.inputSideRadius, _InputGroup.classes.vertical, _TextField.textFieldClasses.inputGroupItem, _TextField2.InputWrapper, _InputGroup.tokens.inputSideRadius, _InputGroup.tokens.inputSideRadius, _TextField.textFieldClasses.inputGroupItem, _TextField2.InputWrapper, _InputGroup.tokens.inputSideRadius, _InputGroup.tokens.inputSideRadius);
@@ -1 +0,0 @@
1
- ["--plasma-input-group-item-segmented-radius", "--plasma-input-group-item-default-radius"]
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
9
- var _TextField = /*#__PURE__*/require("../../../TextField");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _InputGroup.classes.inputGroupOverrideStyles, _InputGroup.classes.inputGroupItem, _TextField.textFieldTokens.height, _InputGroup.tokens.height, _TextField.textFieldTokens.padding, _InputGroup.tokens.padding, _TextField.textFieldTokens.paddingWithChips, _InputGroup.tokens.paddingWithChips, _TextField.textFieldTokens.leftContentMargin, _InputGroup.tokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _InputGroup.tokens.rightContentMargin, _TextField.textFieldTokens.textBeforeMargin, _InputGroup.tokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _InputGroup.tokens.textAfterMargin, _TextField.textFieldTokens.fontFamily, _InputGroup.tokens.fontFamily, _TextField.textFieldTokens.fontSize, _InputGroup.tokens.fontSize, _TextField.textFieldTokens.fontStyle, _InputGroup.tokens.fontStyle, _TextField.textFieldTokens.fontWeight, _InputGroup.tokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _InputGroup.tokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _InputGroup.tokens.lineHeight, _TextField.textFieldTokens.labelOffset, _InputGroup.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _InputGroup.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _InputGroup.tokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _InputGroup.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _InputGroup.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _InputGroup.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _InputGroup.tokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _InputGroup.tokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _InputGroup.tokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _InputGroup.tokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _InputGroup.tokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _InputGroup.tokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _InputGroup.tokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _InputGroup.tokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _InputGroup.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _InputGroup.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _InputGroup.tokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _InputGroup.tokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _InputGroup.tokens.chipWidth, _TextField.textFieldTokens.chipHeight, _InputGroup.tokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _InputGroup.tokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _InputGroup.tokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _InputGroup.tokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _InputGroup.tokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _InputGroup.tokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _InputGroup.tokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _InputGroup.tokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _InputGroup.tokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _InputGroup.tokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _InputGroup.tokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _InputGroup.tokens.chipLineHeight);
@@ -1,58 +0,0 @@
1
- [
2
- "--plasma-input-group-item-height",
3
- "--plasma-input-group-item-border-width",
4
- "--plasma-input-group-item-padding",
5
- "--plasma-input-group-item-padding-with-chips",
6
- "--plasma-input-group-item__left-content-margin",
7
- "--plasma-input-group-item__right-content-margin",
8
- "--plasma-input-group-item-font-family",
9
- "--plasma-input-group-item-font-style",
10
- "--plasma-input-group-item-font-size",
11
- "--plasma-input-group-item-font-weight",
12
- "--plasma-input-group-item-letter-spacing",
13
- "--plasma-input-group-item-line-height",
14
- "--plasma-input-group-item__label-offset",
15
- "--plasma-input-group-item__label-font-family",
16
- "--plasma-input-group-item__label-font-style",
17
- "--plasma-input-group-item__label-font-size",
18
- "--plasma-input-group-item__label-font-weight",
19
- "--plasma-input-group-item__label-letter-spacing",
20
- "--plasma-input-group-item__label-line-height",
21
- "--plasma-input-group-item-placement_inner__label-font-family",
22
- "--plasma-input-group-item-placement_inner__label-font-style",
23
- "--plasma-input-group-item-placement_inner__label-font-size",
24
- "--plasma-input-group-item-placement_inner__label-font-weight",
25
- "--plasma-input-group-item-placement_inner__label-letter-spacing",
26
- "--plasma-input-group-item-placement_inner__label-line-height",
27
- "--plasma-input-group-item-placement_inner__label-padding",
28
- "--plasma-input-group-item-placement_inner__content-padding",
29
- "--plasma-input-group-item__left-helper-offset",
30
- "--plasma-input-group-item__left-helper-font-family",
31
- "--plasma-input-group-item__left-helper-font-style",
32
- "--plasma-input-group-item__left-helper-font-size",
33
- "--plasma-input-group-item__left-helper-font-weight",
34
- "--plasma-input-group-item__left-helper-letter-spacing",
35
- "--plasma-input-group-item__left-helper-line-height",
36
- "--plasma-input-group-item__before-text-margin",
37
- "--plasma-input-group-item__after-text-margin",
38
- "--plasma-input-group-item__chip-height",
39
- "--plasma-input-group-item__chip-border-radius",
40
- "--plasma-input-group-item__chip-gap",
41
- "--plasma-input-group-item__chip-scale-hover",
42
- "--plasma-input-group-item__chip-scale-active",
43
- "--plasma-input-group-item__chip-outline-size",
44
- "--plasma-input-group-item__chip-width",
45
- "--plasma-input-group-item__chip-padding-top",
46
- "--plasma-input-group-item__chip-padding-right",
47
- "--plasma-input-group-item__chip-padding-bottom",
48
- "--plasma-input-group-item__chip-padding-left",
49
- "--plasma-input-group-item__chip-close-icon-size",
50
- "--plasma-input-group-item__chip-font-family",
51
- "--plasma-input-group-item__chip-font-size",
52
- "--plasma-input-group-item__chip-font-style",
53
- "--plasma-input-group-item__chip-font-weight",
54
- "--plasma-input-group-item__chip-letter-spacing",
55
- "--plasma-input-group-item__chip-line-height",
56
- "--plasma-input-group-item__chip-clear-content-margin-left",
57
- "--plasma-input-group-item__chip-clear-content-margin-right"
58
- ]
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:100%;.", "{width:100%;}}"], _InputGroup.classes.filledStretching, _InputGroup.classes.inputGroupItem);
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _InputGroup = /*#__PURE__*/require("../../../../components/InputGroup");
9
- var config = exports.config = {
10
- defaults: {
11
- size: 'm'
12
- },
13
- variations: {
14
- size: {
15
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _InputGroup.inputGroupTokens.inputDefaultRadius, _InputGroup.inputGroupTokens.inputSegmentedRadius, _InputGroup.inputGroupTokens.inputSideRadius, _InputGroup.inputGroupTokens.height, _InputGroup.inputGroupTokens.padding, _InputGroup.inputGroupTokens.paddingWithChips, _InputGroup.inputGroupTokens.leftContentMargin, _InputGroup.inputGroupTokens.rightContentMargin, _InputGroup.inputGroupTokens.textBeforeMargin, _InputGroup.inputGroupTokens.textAfterMargin, _InputGroup.inputGroupTokens.fontFamily, _InputGroup.inputGroupTokens.fontSize, _InputGroup.inputGroupTokens.fontStyle, _InputGroup.inputGroupTokens.fontWeight, _InputGroup.inputGroupTokens.letterSpacing, _InputGroup.inputGroupTokens.lineHeight, _InputGroup.inputGroupTokens.labelOffset, _InputGroup.inputGroupTokens.labelFontFamily, _InputGroup.inputGroupTokens.labelFontSize, _InputGroup.inputGroupTokens.labelFontStyle, _InputGroup.inputGroupTokens.labelFontWeight, _InputGroup.inputGroupTokens.labelLetterSpacing, _InputGroup.inputGroupTokens.labelLineHeight, _InputGroup.inputGroupTokens.leftHelperOffset, _InputGroup.inputGroupTokens.leftHelperFontFamily, _InputGroup.inputGroupTokens.leftHelperFontSize, _InputGroup.inputGroupTokens.leftHelperFontStyle, _InputGroup.inputGroupTokens.leftHelperFontWeight, _InputGroup.inputGroupTokens.leftHelperLetterSpacing, _InputGroup.inputGroupTokens.leftHelperLineHeight, _InputGroup.inputGroupTokens.labelInnerPadding, _InputGroup.inputGroupTokens.contentLabelInnerPadding, _InputGroup.inputGroupTokens.chipGap, _InputGroup.inputGroupTokens.chipBorderRadius, _InputGroup.inputGroupTokens.chipWidth, _InputGroup.inputGroupTokens.chipHeight, _InputGroup.inputGroupTokens.chipPaddingRight, _InputGroup.inputGroupTokens.chipPaddingLeft, _InputGroup.inputGroupTokens.chipClearContentMarginLeft, _InputGroup.inputGroupTokens.chipClearContentMarginRight, _InputGroup.inputGroupTokens.chipCloseIconSize, _InputGroup.inputGroupTokens.chipFontFamily, _InputGroup.inputGroupTokens.chipFontSize, _InputGroup.inputGroupTokens.chipFontStyle, _InputGroup.inputGroupTokens.chipFontWeight, _InputGroup.inputGroupTokens.chipLetterSpacing, _InputGroup.inputGroupTokens.chipLineHeight),
16
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":0.25rem;", ":0.75rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _InputGroup.inputGroupTokens.inputDefaultRadius, _InputGroup.inputGroupTokens.inputSegmentedRadius, _InputGroup.inputGroupTokens.inputSideRadius, _InputGroup.inputGroupTokens.height, _InputGroup.inputGroupTokens.padding, _InputGroup.inputGroupTokens.paddingWithChips, _InputGroup.inputGroupTokens.leftContentMargin, _InputGroup.inputGroupTokens.rightContentMargin, _InputGroup.inputGroupTokens.textBeforeMargin, _InputGroup.inputGroupTokens.textAfterMargin, _InputGroup.inputGroupTokens.fontFamily, _InputGroup.inputGroupTokens.fontSize, _InputGroup.inputGroupTokens.fontStyle, _InputGroup.inputGroupTokens.fontWeight, _InputGroup.inputGroupTokens.letterSpacing, _InputGroup.inputGroupTokens.lineHeight, _InputGroup.inputGroupTokens.labelOffset, _InputGroup.inputGroupTokens.labelFontFamily, _InputGroup.inputGroupTokens.labelFontSize, _InputGroup.inputGroupTokens.labelFontStyle, _InputGroup.inputGroupTokens.labelFontWeight, _InputGroup.inputGroupTokens.labelLetterSpacing, _InputGroup.inputGroupTokens.labelLineHeight, _InputGroup.inputGroupTokens.leftHelperOffset, _InputGroup.inputGroupTokens.leftHelperFontFamily, _InputGroup.inputGroupTokens.leftHelperFontSize, _InputGroup.inputGroupTokens.leftHelperFontStyle, _InputGroup.inputGroupTokens.leftHelperFontWeight, _InputGroup.inputGroupTokens.leftHelperLetterSpacing, _InputGroup.inputGroupTokens.leftHelperLineHeight, _InputGroup.inputGroupTokens.labelInnerPadding, _InputGroup.inputGroupTokens.contentLabelInnerPadding, _InputGroup.inputGroupTokens.chipGap, _InputGroup.inputGroupTokens.chipBorderRadius, _InputGroup.inputGroupTokens.chipWidth, _InputGroup.inputGroupTokens.chipHeight, _InputGroup.inputGroupTokens.chipPaddingRight, _InputGroup.inputGroupTokens.chipPaddingLeft, _InputGroup.inputGroupTokens.chipClearContentMarginLeft, _InputGroup.inputGroupTokens.chipClearContentMarginRight, _InputGroup.inputGroupTokens.chipCloseIconSize, _InputGroup.inputGroupTokens.chipFontFamily, _InputGroup.inputGroupTokens.chipFontSize, _InputGroup.inputGroupTokens.chipFontStyle, _InputGroup.inputGroupTokens.chipFontWeight, _InputGroup.inputGroupTokens.chipLetterSpacing, _InputGroup.inputGroupTokens.chipLineHeight),
17
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.25rem;", ":0.625rem;", ":0.625rem;", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _InputGroup.inputGroupTokens.inputSegmentedRadius, _InputGroup.inputGroupTokens.inputSideRadius, _InputGroup.inputGroupTokens.inputDefaultRadius, _InputGroup.inputGroupTokens.height, _InputGroup.inputGroupTokens.padding, _InputGroup.inputGroupTokens.paddingWithChips, _InputGroup.inputGroupTokens.leftContentMargin, _InputGroup.inputGroupTokens.rightContentMargin, _InputGroup.inputGroupTokens.textBeforeMargin, _InputGroup.inputGroupTokens.textAfterMargin, _InputGroup.inputGroupTokens.fontFamily, _InputGroup.inputGroupTokens.fontSize, _InputGroup.inputGroupTokens.fontStyle, _InputGroup.inputGroupTokens.fontWeight, _InputGroup.inputGroupTokens.letterSpacing, _InputGroup.inputGroupTokens.lineHeight, _InputGroup.inputGroupTokens.labelOffset, _InputGroup.inputGroupTokens.labelFontFamily, _InputGroup.inputGroupTokens.labelFontSize, _InputGroup.inputGroupTokens.labelFontStyle, _InputGroup.inputGroupTokens.labelFontWeight, _InputGroup.inputGroupTokens.labelLetterSpacing, _InputGroup.inputGroupTokens.labelLineHeight, _InputGroup.inputGroupTokens.leftHelperOffset, _InputGroup.inputGroupTokens.leftHelperFontFamily, _InputGroup.inputGroupTokens.leftHelperFontSize, _InputGroup.inputGroupTokens.leftHelperFontStyle, _InputGroup.inputGroupTokens.leftHelperFontWeight, _InputGroup.inputGroupTokens.leftHelperLetterSpacing, _InputGroup.inputGroupTokens.leftHelperLineHeight, _InputGroup.inputGroupTokens.labelInnerPadding, _InputGroup.inputGroupTokens.contentLabelInnerPadding, _InputGroup.inputGroupTokens.chipGap, _InputGroup.inputGroupTokens.chipBorderRadius, _InputGroup.inputGroupTokens.chipWidth, _InputGroup.inputGroupTokens.chipHeight, _InputGroup.inputGroupTokens.chipPaddingRight, _InputGroup.inputGroupTokens.chipPaddingLeft, _InputGroup.inputGroupTokens.chipClearContentMarginLeft, _InputGroup.inputGroupTokens.chipClearContentMarginRight, _InputGroup.inputGroupTokens.chipCloseIconSize, _InputGroup.inputGroupTokens.chipFontFamily, _InputGroup.inputGroupTokens.chipFontSize, _InputGroup.inputGroupTokens.chipFontStyle, _InputGroup.inputGroupTokens.chipFontWeight, _InputGroup.inputGroupTokens.chipLetterSpacing, _InputGroup.inputGroupTokens.chipLineHeight),
18
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":0.5rem;", ":0.5rem;", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _InputGroup.inputGroupTokens.inputSegmentedRadius, _InputGroup.inputGroupTokens.inputDefaultRadius, _InputGroup.inputGroupTokens.inputSideRadius, _InputGroup.inputGroupTokens.height, _InputGroup.inputGroupTokens.padding, _InputGroup.inputGroupTokens.paddingWithChips, _InputGroup.inputGroupTokens.leftContentMargin, _InputGroup.inputGroupTokens.rightContentMargin, _InputGroup.inputGroupTokens.textBeforeMargin, _InputGroup.inputGroupTokens.textAfterMargin, _InputGroup.inputGroupTokens.fontFamily, _InputGroup.inputGroupTokens.fontSize, _InputGroup.inputGroupTokens.fontStyle, _InputGroup.inputGroupTokens.fontWeight, _InputGroup.inputGroupTokens.letterSpacing, _InputGroup.inputGroupTokens.lineHeight, _InputGroup.inputGroupTokens.labelOffset, _InputGroup.inputGroupTokens.labelFontFamily, _InputGroup.inputGroupTokens.labelFontSize, _InputGroup.inputGroupTokens.labelFontStyle, _InputGroup.inputGroupTokens.labelFontWeight, _InputGroup.inputGroupTokens.labelLetterSpacing, _InputGroup.inputGroupTokens.labelLineHeight, _InputGroup.inputGroupTokens.leftHelperOffset, _InputGroup.inputGroupTokens.leftHelperFontFamily, _InputGroup.inputGroupTokens.leftHelperFontSize, _InputGroup.inputGroupTokens.leftHelperFontStyle, _InputGroup.inputGroupTokens.leftHelperFontWeight, _InputGroup.inputGroupTokens.leftHelperLetterSpacing, _InputGroup.inputGroupTokens.leftHelperLineHeight, _InputGroup.inputGroupTokens.labelInnerPadding, _InputGroup.inputGroupTokens.contentLabelInnerPadding, _InputGroup.inputGroupTokens.chipGap, _InputGroup.inputGroupTokens.chipBorderRadius, _InputGroup.inputGroupTokens.chipWidth, _InputGroup.inputGroupTokens.chipHeight, _InputGroup.inputGroupTokens.chipPaddingRight, _InputGroup.inputGroupTokens.chipPaddingLeft, _InputGroup.inputGroupTokens.chipClearContentMarginLeft, _InputGroup.inputGroupTokens.chipClearContentMarginRight, _InputGroup.inputGroupTokens.chipCloseIconSize, _InputGroup.inputGroupTokens.chipFontFamily, _InputGroup.inputGroupTokens.chipFontSize, _InputGroup.inputGroupTokens.chipFontStyle, _InputGroup.inputGroupTokens.chipFontWeight, _InputGroup.inputGroupTokens.chipLetterSpacing, _InputGroup.inputGroupTokens.chipLineHeight)
19
- },
20
- orientation: {
21
- horizontal: /*#__PURE__*/(0, _styledComponents.css)(["", ":row;"], _InputGroup.inputGroupTokens.inputGroupOrientation),
22
- vertical: /*#__PURE__*/(0, _styledComponents.css)(["", ":column;"], _InputGroup.inputGroupTokens.inputGroupOrientation)
23
- },
24
- gap: {
25
- none: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.063rem;"], _InputGroup.inputGroupTokens.inputGroupItemsGap),
26
- dense: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;"], _InputGroup.inputGroupTokens.inputGroupItemsGap),
27
- wide: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;"], _InputGroup.inputGroupTokens.inputGroupItemsGap)
28
- },
29
- shape: {
30
- segmented: /*#__PURE__*/(0, _styledComponents.css)([""]),
31
- "default": /*#__PURE__*/(0, _styledComponents.css)([""])
32
- },
33
- stretching: {
34
- auto: /*#__PURE__*/(0, _styledComponents.css)([""]),
35
- filled: /*#__PURE__*/(0, _styledComponents.css)([""])
36
- }
37
- }
38
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.InputGroup = void 0;
7
- var _InputGroup = /*#__PURE__*/require("../../../../components/InputGroup");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _InputGroup2 = /*#__PURE__*/require("./InputGroup.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_InputGroup.inputGroupConfig, _InputGroup2.config);
11
- var InputGroup = exports.InputGroup = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,116 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
- import { TextField } from '../TextField/TextField';
8
-
9
- import { InputGroup } from './InputGroup';
10
-
11
- type StoryProps = Omit<ComponentProps<typeof InputGroup>, 'gap'> & {
12
- itemsCount?: number;
13
- gapDefaultShape?: string;
14
- gapSegmentedShape?: string;
15
- };
16
- type Story = StoryObj<StoryProps>;
17
-
18
- const sizes = ['l', 'm', 's', 'xs'];
19
- const orientationValues = ['horizontal', 'vertical'];
20
- const gapDefaultValues = ['dense', 'wide'];
21
- const gapSegmentedValues = ['none', 'dense'];
22
- const shapeValues = ['segmented', 'default'];
23
- const stretchingValues = ['auto', 'filled'];
24
-
25
- const meta: Meta<typeof InputGroup> = {
26
- title: 'plasma_b2c/InputGroup',
27
- decorators: [WithTheme],
28
- argTypes: {
29
- size: {
30
- options: sizes,
31
- control: {
32
- type: 'select',
33
- },
34
- },
35
- orientation: {
36
- options: orientationValues,
37
- control: {
38
- type: 'inline-radio',
39
- },
40
- },
41
- shape: {
42
- options: shapeValues,
43
- control: {
44
- type: 'select',
45
- },
46
- },
47
- stretching: {
48
- options: stretchingValues,
49
- control: {
50
- type: 'select',
51
- },
52
- },
53
- ...disableProps(['gap']),
54
- },
55
- };
56
-
57
- export default meta;
58
-
59
- export const Default: Story = {
60
- argTypes: {
61
- gapDefaultShape: {
62
- options: gapDefaultValues,
63
- control: { type: 'select' },
64
- if: { arg: 'shape', eq: 'default' },
65
- },
66
- gapSegmentedShape: {
67
- options: gapSegmentedValues,
68
- control: { type: 'select' },
69
- if: { arg: 'shape', eq: 'segmented' },
70
- },
71
- },
72
- args: {
73
- size: 'm',
74
- shape: 'default',
75
- gapDefaultShape: 'dense',
76
- gapSegmentedShape: 'dense',
77
- orientation: 'horizontal',
78
- itemsCount: 5,
79
- stretching: 'auto',
80
- },
81
- render: ({ itemsCount, gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
82
- return (
83
- <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
84
- {Array(itemsCount)
85
- .fill(true)
86
- .map((_, i) => (
87
- <TextField placeholder={`input #${i}`} />
88
- ))}
89
- </InputGroup>
90
- );
91
- },
92
- };
93
-
94
- export const CustomInputs: Story = {
95
- args: {
96
- ...Default.args,
97
- isCommonInputStyles: false,
98
- },
99
- argTypes: {
100
- ...Default.argTypes,
101
- ...disableProps(['itemsCount']),
102
- },
103
- render: ({ gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
104
- return (
105
- <>
106
- <h3>Группа Input с разными размерами</h3>
107
- <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
108
- <TextField placeholder="Размер l" size="l" />
109
- <TextField placeholder="Размер m" size="m" />
110
- <TextField placeholder="Размер s" size="s" />
111
- <TextField placeholder="Размер xs" size="xs" />
112
- </InputGroup>
113
- </>
114
- );
115
- },
116
- };