@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,5 +0,0 @@
1
- import { inputGroupConfig } from '../../../../components/InputGroup';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './InputGroup.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(inputGroupConfig, config);
5
- export var InputGroup = /*#__PURE__*/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_web/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
- };
@@ -1,11 +0,0 @@
1
- .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);}
2
-
3
- .base_1k4piyx_bl5zpqu__7f6cabbf{gap:var(--plasma-input-group-items-gap);}
4
-
5
- .base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeDefault__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb{--plasma_private-input-radius-inner:0;}.base_3k0aw7_bat8qm9__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb .base_3k0aw7_iq39zt5__3cfc78bb{--plasma-textfield-border-radius:var(--plasma_private-input-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-top:var(--plasma-input-group-web-margin-top);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-vertical-clip-path);clip-path:var(--plasma-input-group-web-vertical-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb{border-radius:var(--plasma-input-group-side-item-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--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_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--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_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--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_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--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);}
6
-
7
- .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;}
8
-
9
- .base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e{width:100%;}.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e .base_1cr1a83_inputGroupItem__d008f94e{width:100%;}
10
-
11
- .InputGroup_styles_1ivl67d_bkb9f46__5d90d5de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
@@ -1,76 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef } from 'react';
3
- import { cx } from '../../utils/index.js';
4
- import { base as base$1 } from './variations/_size/base.js';
5
- import { base as base$2 } from './variations/_gap/base.js';
6
- import { base as base$4 } from './variations/_shape/base.js';
7
- import { base as base$3 } from './variations/_orientation/base.js';
8
- import { base as base$5 } from './variations/_stretching/base.js';
9
- import { base } from './InputGroup.styles.js';
10
- import { classes } from './InputGroup.tokens.js';
11
-
12
- var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
13
- var inputGroupRoot = function inputGroupRoot(Root) {
14
- return /*#__PURE__*/forwardRef(function (props, ref) {
15
- var children = props.children,
16
- className = props.className,
17
- size = props.size,
18
- _props$stretching = props.stretching,
19
- stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
20
- _props$gap = props.gap,
21
- gap = _props$gap === void 0 ? 'dense' : _props$gap,
22
- _props$orientation = props.orientation,
23
- orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
24
- _props$shape = props.shape,
25
- shape = _props$shape === void 0 ? 'default' : _props$shape,
26
- _props$isCommonInputS = props.isCommonInputStyles,
27
- isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
28
- rest = _objectWithoutProperties(props, _excluded);
29
- var orientationClass = classes[orientation];
30
- var gapClass = classes[gap];
31
- var shapeClass = classes[shape];
32
- var stretchingClass = classes["".concat(stretching, "Stretching")];
33
- var overrideStylesClass = isCommonInputStyles ? classes.inputGroupOverrideStyles : undefined;
34
- return /*#__PURE__*/React.createElement(Root, _extends({
35
- ref: ref,
36
- size: size,
37
- gap: gap,
38
- shape: shape,
39
- orientation: orientation,
40
- className: cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
41
- }, rest), children);
42
- });
43
- };
44
- var inputGroupConfig = {
45
- name: 'InputGroup',
46
- tag: 'div',
47
- layout: inputGroupRoot,
48
- base: base,
49
- variations: {
50
- size: {
51
- css: base$1
52
- },
53
- gap: {
54
- css: base$2
55
- },
56
- orientation: {
57
- css: base$3
58
- },
59
- shape: {
60
- css: base$4
61
- },
62
- stretching: {
63
- css: base$5
64
- }
65
- },
66
- defaults: {
67
- size: 'm',
68
- gap: 'dense',
69
- orientation: 'horizontal',
70
- shape: 'default',
71
- stretching: 'auto'
72
- }
73
- };
74
-
75
- export { inputGroupConfig, inputGroupRoot };
76
- //# sourceMappingURL=InputGroup.js.map
@@ -1 +0,0 @@
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, InputGroupRootProps } from './InputGroup.types';\n\nexport const inputGroupRoot = (Root: RootProps<HTMLDivElement, InputGroupRootProps>) =>\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 shape={shape}\n orientation={orientation}\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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"}
@@ -1,5 +0,0 @@
1
- import './InputGroup.styles_1ivl67d.css';
2
- var base = "bkb9f46";
3
-
4
- export { base };
5
- //# sourceMappingURL=InputGroup.styles.js.map
@@ -1 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
1
- .bkb9f46{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
@@ -1,89 +0,0 @@
1
- var classes = {
2
- autoStretching: 'input-group-stretching-auto',
3
- filledStretching: 'input-group-stretching-filled',
4
- inputGroupOverrideStyles: 'input-group-override-styles',
5
- inputGroupItem: 'input-group-item',
6
- horizontal: 'input-group-orientation-horizontal',
7
- vertical: 'input-group-orientation-vertical',
8
- none: 'input-group-gap-none',
9
- dense: 'input-group-gap-dense',
10
- wide: 'input-group-gap-wide',
11
- segmented: 'input-group-shape-segmented',
12
- "default": 'input-group-shape-default'
13
- };
14
- var tokens = {
15
- inputGroupOrientation: '--plasma-input-group-orientation',
16
- inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
17
- inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
18
- inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',
19
- inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',
20
- inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
21
- inputDefaultRadius: '--plasma-input-group-item-default-radius',
22
- inputSideRadius: '--plasma-input-group-side-item-radius',
23
- inputGroupItemsGap: '--plasma-input-group-items-gap',
24
- height: '--plasma-input-group-item-height',
25
- borderWidth: '--plasma-input-group-item-border-width',
26
- /** Отступ от границы ТextField */
27
- padding: '--plasma-input-group-item-padding',
28
- paddingWithChips: '--plasma-input-group-item-padding-with-chips',
29
- /* Токены для инпута */
30
- leftContentMargin: '--plasma-input-group-item__left-content-margin',
31
- rightContentMargin: '--plasma-input-group-item__right-content-margin',
32
- fontFamily: '--plasma-input-group-item-font-family',
33
- fontStyle: '--plasma-input-group-item-font-style',
34
- fontSize: '--plasma-input-group-item-font-size',
35
- fontWeight: '--plasma-input-group-item-font-weight',
36
- letterSpacing: '--plasma-input-group-item-letter-spacing',
37
- lineHeight: '--plasma-input-group-item-line-height',
38
- /** Токены лейбла */
39
- labelOffset: '--plasma-input-group-item__label-offset',
40
- labelFontFamily: '--plasma-input-group-item__label-font-family',
41
- labelFontStyle: '--plasma-input-group-item__label-font-style',
42
- labelFontSize: '--plasma-input-group-item__label-font-size',
43
- labelFontWeight: '--plasma-input-group-item__label-font-weight',
44
- labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
45
- labelLineHeight: '--plasma-input-group-item__label-line-height',
46
- /* label-placement-inner */
47
- labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
48
- labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
49
- labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
50
- labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
51
- labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
52
- labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
53
- labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
54
- contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
55
- leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
56
- leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
57
- leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
58
- leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
59
- leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
60
- leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
61
- leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
62
- /** Токены вспомогательного текста */
63
- textBeforeMargin: '--plasma-input-group-item__before-text-margin',
64
- textAfterMargin: '--plasma-input-group-item__after-text-margin',
65
- /** Токены чипа */
66
- chipHeight: '--plasma-input-group-item__chip-height',
67
- chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
68
- chipGap: '--plasma-input-group-item__chip-gap',
69
- chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
70
- chipScaleActive: '--plasma-input-group-item__chip-scale-active',
71
- chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
72
- chipWidth: '--plasma-input-group-item__chip-width',
73
- chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
74
- chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
75
- chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
76
- chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
77
- chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
78
- chipFontFamily: '--plasma-input-group-item__chip-font-family',
79
- chipFontSize: '--plasma-input-group-item__chip-font-size',
80
- chipFontStyle: '--plasma-input-group-item__chip-font-style',
81
- chipFontWeight: '--plasma-input-group-item__chip-font-weight',
82
- chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
83
- chipLineHeight: '--plasma-input-group-item__chip-line-height',
84
- chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
85
- chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
86
- };
87
-
88
- export { classes, tokens };
89
- //# sourceMappingURL=InputGroup.tokens.js.map
@@ -1 +0,0 @@
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 inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',\n inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-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","inputGroupWebMarginTop","inputGroupWebVerticalClipPath","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":"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"}
@@ -1,5 +0,0 @@
1
- import './base_1k4piyx.css';
2
- var base = "bl5zpqu";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
1
- .bl5zpqu{gap:var(--plasma-input-group-items-gap);}
@@ -1,5 +0,0 @@
1
- import './base_mgs8eg.css';
2
- var base = "bdx478e";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
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;}
@@ -1,5 +0,0 @@
1
- import './base_3k0aw7.css';
2
- var base = "bat8qm9";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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 transition: clip-path 0.05s ease-in;\n }\n\n /* NOTE: блок нужен только для TextField в plasma-web, чтобы border не наслаивались друг на друга */\n &.${classes.horizontal}&.${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.vertical}&.${classes.none} .${textFieldClasses.inputGroupItem} {\n &:not(:first-child) {\n margin-top: var(${tokens.inputGroupWebMarginTop});\n }\n\n &:not(:first-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.inputGroupWebVerticalClipPath});\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,GAyFhB;;;;"}
@@ -1 +0,0 @@
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);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.bat8qm9.input-group-orientation-horizontal.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-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5:hover,.bat8qm9.input-group-orientation-horizontal.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-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child){margin-top:var(--plasma-input-group-web-margin-top);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5{-webkit-clip-path:var(--plasma-input-group-web-vertical-clip-path);clip-path:var(--plasma-input-group-web-vertical-clip-path);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5:hover,.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-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);}
@@ -1,5 +0,0 @@
1
- import './base_1vk5vms.css';
2
- var base = "b1jw8jhy";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
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);}
@@ -1,5 +0,0 @@
1
- import './base_1cr1a83.css';
2
- var base = "b1ybrzwp";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
1
- .b1ybrzwp.input-group-stretching-filled{width:100%;}.b1ybrzwp.input-group-stretching-filled .input-group-item{width:100%;}
@@ -1,83 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.inputGroupRoot = exports.inputGroupConfig = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _utils = /*#__PURE__*/require("../../utils");
10
- var _base = /*#__PURE__*/require("./variations/_size/base");
11
- var _base2 = /*#__PURE__*/require("./variations/_gap/base");
12
- var _base3 = /*#__PURE__*/require("./variations/_shape/base");
13
- var _base4 = /*#__PURE__*/require("./variations/_orientation/base");
14
- var _base5 = /*#__PURE__*/require("./variations/_stretching/base");
15
- var _InputGroup = /*#__PURE__*/require("./InputGroup.styles");
16
- var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
17
- var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
18
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
22
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
- var inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(Root) {
24
- return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
25
- var children = props.children,
26
- className = props.className,
27
- size = props.size,
28
- _props$stretching = props.stretching,
29
- stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
30
- _props$gap = props.gap,
31
- gap = _props$gap === void 0 ? 'dense' : _props$gap,
32
- _props$orientation = props.orientation,
33
- orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
34
- _props$shape = props.shape,
35
- shape = _props$shape === void 0 ? 'default' : _props$shape,
36
- _props$isCommonInputS = props.isCommonInputStyles,
37
- isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
38
- rest = _objectWithoutProperties(props, _excluded);
39
- var orientationClass = _InputGroup2.classes[orientation];
40
- var gapClass = _InputGroup2.classes[gap];
41
- var shapeClass = _InputGroup2.classes[shape];
42
- var stretchingClass = _InputGroup2.classes["".concat(stretching, "Stretching")];
43
- var overrideStylesClass = isCommonInputStyles ? _InputGroup2.classes.inputGroupOverrideStyles : undefined;
44
- return /*#__PURE__*/_react["default"].createElement(Root, _extends({
45
- ref: ref,
46
- size: size,
47
- gap: gap,
48
- shape: shape,
49
- orientation: orientation,
50
- className: (0, _utils.cx)(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
51
- }, rest), children);
52
- });
53
- };
54
- var inputGroupConfig = exports.inputGroupConfig = {
55
- name: 'InputGroup',
56
- tag: 'div',
57
- layout: inputGroupRoot,
58
- base: _InputGroup.base,
59
- variations: {
60
- size: {
61
- css: _base.base
62
- },
63
- gap: {
64
- css: _base2.base
65
- },
66
- orientation: {
67
- css: _base4.base
68
- },
69
- shape: {
70
- css: _base3.base
71
- },
72
- stretching: {
73
- css: _base5.base
74
- }
75
- },
76
- defaults: {
77
- size: 'm',
78
- gap: 'dense',
79
- orientation: 'horizontal',
80
- shape: 'default',
81
- stretching: 'auto'
82
- }
83
- };
@@ -1,8 +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 base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-flex;"]);