@salutejs/plasma-new-hope 0.324.0-canary.1985.15205350468.0 → 0.325.0-canary.1954.15207973918.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (252) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  6. package/cjs/components/List/List.css +1 -0
  7. package/cjs/components/List/List.js +63 -0
  8. package/cjs/components/List/List.js.map +1 -0
  9. package/cjs/components/List/List.styles.js +9 -0
  10. package/cjs/components/List/List.styles.js.map +1 -0
  11. package/cjs/components/List/List.styles_9yg2yl.css +1 -0
  12. package/cjs/components/List/List.tokens.js +41 -0
  13. package/cjs/components/List/List.tokens.js.map +1 -0
  14. package/cjs/components/List/ui/ListItem.css +18 -0
  15. package/cjs/components/List/ui/ListItem.js +27 -0
  16. package/cjs/components/List/ui/ListItem.js.map +1 -0
  17. package/cjs/components/List/ui/ListItem.styles.js +28 -0
  18. package/cjs/components/List/ui/ListItem.styles.js.map +1 -0
  19. package/cjs/components/List/ui/ListItem.styles_1eo5k14.css +2 -0
  20. package/cjs/components/List/variations/_disabled/base.js +9 -0
  21. package/cjs/components/List/variations/_disabled/base.js.map +1 -0
  22. package/cjs/components/List/variations/_disabled/base_x642ct.css +1 -0
  23. package/cjs/components/List/variations/_size/base.js +9 -0
  24. package/cjs/components/List/variations/_size/base.js.map +1 -0
  25. package/cjs/components/List/variations/_size/base_x642ct.css +1 -0
  26. package/cjs/components/List/variations/_variant/base.js +9 -0
  27. package/cjs/components/List/variations/_variant/base.js.map +1 -0
  28. package/cjs/components/List/variations/_variant/base_x642ct.css +1 -0
  29. package/cjs/components/List/variations/_view/base.js +9 -0
  30. package/cjs/components/List/variations/_view/base.js.map +1 -0
  31. package/cjs/components/List/variations/_view/base_x642ct.css +1 -0
  32. package/cjs/components/NumberFormat/NumberFormat.js +3 -2
  33. package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
  34. package/cjs/components/Pagination/Pagination.css +1 -1
  35. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  36. package/cjs/components/Range/Range.css +1 -1
  37. package/cjs/components/Select/Select.css +1 -1
  38. package/cjs/components/Select/ui/Target/Target.css +1 -1
  39. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  40. package/cjs/components/Slider/Slider.css +1 -1
  41. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  42. package/cjs/components/Table/Table.css +1 -1
  43. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  44. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  45. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  46. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  47. package/cjs/components/TextField/TextField.js +1 -1
  48. package/cjs/components/TextField/TextField.js.map +1 -1
  49. package/cjs/components/TextField/TextField.tokens.js +2 -1
  50. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  51. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  52. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  53. package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
  54. package/cjs/index.css +6 -1
  55. package/cjs/index.js +8 -0
  56. package/cjs/index.js.map +1 -1
  57. package/emotion/cjs/components/List/List.js +59 -0
  58. package/emotion/cjs/components/List/List.styles.js +9 -0
  59. package/emotion/cjs/components/List/List.tokens.js +39 -0
  60. package/emotion/cjs/components/List/List.types.js +5 -0
  61. package/emotion/cjs/components/List/index.js +38 -0
  62. package/emotion/cjs/components/List/ui/ListItem.js +24 -0
  63. package/emotion/cjs/components/List/ui/ListItem.styles.js +21 -0
  64. package/emotion/cjs/components/List/ui/ListItem.types.js +5 -0
  65. package/emotion/cjs/components/List/variations/_disabled/base.js +8 -0
  66. package/emotion/cjs/components/List/variations/_disabled/tokens.json +1 -0
  67. package/emotion/cjs/components/List/variations/_size/base.js +8 -0
  68. package/emotion/cjs/components/List/variations/_size/tokens.json +1 -0
  69. package/emotion/cjs/components/List/variations/_variant/base.js +8 -0
  70. package/emotion/cjs/components/List/variations/_variant/tokens.json +1 -0
  71. package/emotion/cjs/components/List/variations/_view/base.js +8 -0
  72. package/emotion/cjs/components/List/variations/_view/tokens.json +1 -0
  73. package/emotion/cjs/components/NumberFormat/NumberFormat.js +3 -2
  74. package/emotion/cjs/components/TextField/TextField.js +2 -2
  75. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  76. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  77. package/emotion/cjs/examples/plasma_b2c/components/List/List.config.js +34 -0
  78. package/emotion/cjs/examples/plasma_b2c/components/List/List.js +12 -0
  79. package/emotion/cjs/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  80. package/emotion/cjs/examples/plasma_web/components/List/List.config.js +34 -0
  81. package/emotion/cjs/examples/plasma_web/components/List/List.js +12 -0
  82. package/emotion/cjs/examples/plasma_web/components/List/List.stories.tsx +60 -0
  83. package/emotion/cjs/index.js +11 -0
  84. package/emotion/es/components/List/List.js +50 -0
  85. package/emotion/es/components/List/List.styles.js +3 -0
  86. package/emotion/es/components/List/List.tokens.js +33 -0
  87. package/emotion/es/components/List/List.types.js +1 -0
  88. package/emotion/es/components/List/index.js +3 -0
  89. package/emotion/es/components/List/ui/ListItem.js +17 -0
  90. package/emotion/es/components/List/ui/ListItem.styles.js +14 -0
  91. package/emotion/es/components/List/ui/ListItem.types.js +1 -0
  92. package/emotion/es/components/List/variations/_disabled/base.js +2 -0
  93. package/emotion/es/components/List/variations/_disabled/tokens.json +1 -0
  94. package/emotion/es/components/List/variations/_size/base.js +2 -0
  95. package/emotion/es/components/List/variations/_size/tokens.json +1 -0
  96. package/emotion/es/components/List/variations/_variant/base.js +2 -0
  97. package/emotion/es/components/List/variations/_variant/tokens.json +1 -0
  98. package/emotion/es/components/List/variations/_view/base.js +2 -0
  99. package/emotion/es/components/List/variations/_view/tokens.json +1 -0
  100. package/emotion/es/components/NumberFormat/NumberFormat.js +3 -2
  101. package/emotion/es/components/TextField/TextField.js +2 -2
  102. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  103. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  104. package/emotion/es/examples/plasma_b2c/components/List/List.config.js +28 -0
  105. package/emotion/es/examples/plasma_b2c/components/List/List.js +6 -0
  106. package/emotion/es/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  107. package/emotion/es/examples/plasma_web/components/List/List.config.js +28 -0
  108. package/emotion/es/examples/plasma_web/components/List/List.js +6 -0
  109. package/emotion/es/examples/plasma_web/components/List/List.stories.tsx +60 -0
  110. package/emotion/es/index.js +3 -1
  111. package/es/components/Autocomplete/Autocomplete.css +1 -1
  112. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  113. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
  114. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  115. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  116. package/es/components/List/List.css +1 -0
  117. package/es/components/List/List.js +54 -0
  118. package/es/components/List/List.js.map +1 -0
  119. package/es/components/List/List.styles.js +5 -0
  120. package/es/components/List/List.styles.js.map +1 -0
  121. package/es/components/List/List.styles_9yg2yl.css +1 -0
  122. package/es/components/List/List.tokens.js +36 -0
  123. package/es/components/List/List.tokens.js.map +1 -0
  124. package/es/components/List/ui/ListItem.css +18 -0
  125. package/es/components/List/ui/ListItem.js +19 -0
  126. package/es/components/List/ui/ListItem.js.map +1 -0
  127. package/es/components/List/ui/ListItem.styles.js +23 -0
  128. package/es/components/List/ui/ListItem.styles.js.map +1 -0
  129. package/es/components/List/ui/ListItem.styles_1eo5k14.css +2 -0
  130. package/es/components/List/variations/_disabled/base.js +5 -0
  131. package/es/components/List/variations/_disabled/base.js.map +1 -0
  132. package/es/components/List/variations/_disabled/base_x642ct.css +1 -0
  133. package/es/components/List/variations/_size/base.js +5 -0
  134. package/es/components/List/variations/_size/base.js.map +1 -0
  135. package/es/components/List/variations/_size/base_x642ct.css +1 -0
  136. package/es/components/List/variations/_variant/base.js +5 -0
  137. package/es/components/List/variations/_variant/base.js.map +1 -0
  138. package/es/components/List/variations/_variant/base_x642ct.css +1 -0
  139. package/es/components/List/variations/_view/base.js +5 -0
  140. package/es/components/List/variations/_view/base.js.map +1 -0
  141. package/es/components/List/variations/_view/base_x642ct.css +1 -0
  142. package/es/components/NumberFormat/NumberFormat.js +3 -2
  143. package/es/components/NumberFormat/NumberFormat.js.map +1 -1
  144. package/es/components/Pagination/Pagination.css +1 -1
  145. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  146. package/es/components/Range/Range.css +1 -1
  147. package/es/components/Select/Select.css +1 -1
  148. package/es/components/Select/ui/Target/Target.css +1 -1
  149. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  150. package/es/components/Slider/Slider.css +1 -1
  151. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  152. package/es/components/Table/Table.css +1 -1
  153. package/es/components/Table/ui/Cell/Cell.css +1 -1
  154. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  155. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  156. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  157. package/es/components/TextField/TextField.js +1 -1
  158. package/es/components/TextField/TextField.js.map +1 -1
  159. package/es/components/TextField/TextField.tokens.js +2 -1
  160. package/es/components/TextField/TextField.tokens.js.map +1 -1
  161. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  162. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  163. package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
  164. package/es/index.css +6 -1
  165. package/es/index.js +3 -0
  166. package/es/index.js.map +1 -1
  167. package/package.json +4 -4
  168. package/styled-components/cjs/components/List/List.js +59 -0
  169. package/styled-components/cjs/components/List/List.styles.js +9 -0
  170. package/styled-components/cjs/components/List/List.tokens.js +39 -0
  171. package/styled-components/cjs/components/List/List.types.js +5 -0
  172. package/styled-components/cjs/components/List/index.js +38 -0
  173. package/styled-components/cjs/components/List/ui/ListItem.js +24 -0
  174. package/styled-components/cjs/components/List/ui/ListItem.styles.js +19 -0
  175. package/styled-components/cjs/components/List/ui/ListItem.types.js +5 -0
  176. package/styled-components/cjs/components/List/variations/_disabled/base.js +8 -0
  177. package/styled-components/cjs/components/List/variations/_disabled/tokens.json +1 -0
  178. package/styled-components/cjs/components/List/variations/_size/base.js +8 -0
  179. package/styled-components/cjs/components/List/variations/_size/tokens.json +1 -0
  180. package/styled-components/cjs/components/List/variations/_variant/base.js +8 -0
  181. package/styled-components/cjs/components/List/variations/_variant/tokens.json +1 -0
  182. package/styled-components/cjs/components/List/variations/_view/base.js +8 -0
  183. package/styled-components/cjs/components/List/variations/_view/tokens.json +1 -0
  184. package/styled-components/cjs/components/NumberFormat/NumberFormat.js +3 -2
  185. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  186. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  187. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  188. package/styled-components/cjs/examples/plasma_b2c/components/List/List.config.js +34 -0
  189. package/styled-components/cjs/examples/plasma_b2c/components/List/List.js +12 -0
  190. package/styled-components/cjs/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  191. package/styled-components/cjs/examples/plasma_web/components/List/List.config.js +34 -0
  192. package/styled-components/cjs/examples/plasma_web/components/List/List.js +12 -0
  193. package/styled-components/cjs/examples/plasma_web/components/List/List.stories.tsx +60 -0
  194. package/styled-components/cjs/index.js +11 -0
  195. package/styled-components/es/components/List/List.js +50 -0
  196. package/styled-components/es/components/List/List.styles.js +3 -0
  197. package/styled-components/es/components/List/List.tokens.js +33 -0
  198. package/styled-components/es/components/List/List.types.js +1 -0
  199. package/styled-components/es/components/List/index.js +3 -0
  200. package/styled-components/es/components/List/ui/ListItem.js +17 -0
  201. package/styled-components/es/components/List/ui/ListItem.styles.js +12 -0
  202. package/styled-components/es/components/List/ui/ListItem.types.js +1 -0
  203. package/styled-components/es/components/List/variations/_disabled/base.js +2 -0
  204. package/styled-components/es/components/List/variations/_disabled/tokens.json +1 -0
  205. package/styled-components/es/components/List/variations/_size/base.js +2 -0
  206. package/styled-components/es/components/List/variations/_size/tokens.json +1 -0
  207. package/styled-components/es/components/List/variations/_variant/base.js +2 -0
  208. package/styled-components/es/components/List/variations/_variant/tokens.json +1 -0
  209. package/styled-components/es/components/List/variations/_view/base.js +2 -0
  210. package/styled-components/es/components/List/variations/_view/tokens.json +1 -0
  211. package/styled-components/es/components/NumberFormat/NumberFormat.js +3 -2
  212. package/styled-components/es/components/TextField/TextField.js +1 -1
  213. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  214. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  215. package/styled-components/es/examples/plasma_b2c/components/List/List.config.js +28 -0
  216. package/styled-components/es/examples/plasma_b2c/components/List/List.js +6 -0
  217. package/styled-components/es/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  218. package/styled-components/es/examples/plasma_web/components/List/List.config.js +28 -0
  219. package/styled-components/es/examples/plasma_web/components/List/List.js +6 -0
  220. package/styled-components/es/examples/plasma_web/components/List/List.stories.tsx +60 -0
  221. package/styled-components/es/index.js +3 -1
  222. package/types/components/List/List.d.ts +43 -0
  223. package/types/components/List/List.d.ts.map +1 -0
  224. package/types/components/List/List.styles.d.ts +2 -0
  225. package/types/components/List/List.styles.d.ts.map +1 -0
  226. package/types/components/List/List.tokens.d.ts +34 -0
  227. package/types/components/List/List.tokens.d.ts.map +1 -0
  228. package/types/components/List/List.types.d.ts +24 -0
  229. package/types/components/List/List.types.d.ts.map +1 -0
  230. package/types/components/List/index.d.ts +5 -0
  231. package/types/components/List/index.d.ts.map +1 -0
  232. package/types/components/List/ui/ListItem.d.ts +4 -0
  233. package/types/components/List/ui/ListItem.d.ts.map +1 -0
  234. package/types/components/List/ui/ListItem.styles.d.ts +36 -0
  235. package/types/components/List/ui/ListItem.styles.d.ts.map +1 -0
  236. package/types/components/List/ui/ListItem.types.d.ts +15 -0
  237. package/types/components/List/ui/ListItem.types.d.ts.map +1 -0
  238. package/types/components/List/variations/_disabled/base.d.ts +2 -0
  239. package/types/components/List/variations/_disabled/base.d.ts.map +1 -0
  240. package/types/components/List/variations/_size/base.d.ts +2 -0
  241. package/types/components/List/variations/_size/base.d.ts.map +1 -0
  242. package/types/components/List/variations/_variant/base.d.ts +2 -0
  243. package/types/components/List/variations/_variant/base.d.ts.map +1 -0
  244. package/types/components/List/variations/_view/base.d.ts +2 -0
  245. package/types/components/List/variations/_view/base.d.ts.map +1 -0
  246. package/types/components/TextField/TextField.d.ts.map +1 -1
  247. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  248. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  249. package/types/index.d.ts +2 -0
  250. package/types/index.d.ts.map +1 -1
  251. package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
  252. package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -20,11 +20,12 @@ export var composeNumberFormat = function composeNumberFormat(InputComponent) {
20
20
  onChange(changeEvent, values);
21
21
  }
22
22
  };
23
- var InputComponentWithoutEllipsis = function InputComponentWithoutEllipsis(props) {
23
+ var InputComponentWithoutEllipsis = /*#__PURE__*/forwardRef(function (props, ref) {
24
24
  return /*#__PURE__*/React.createElement(InputComponent, _extends({
25
+ ref: ref,
25
26
  _textEllipsisDisable: true
26
27
  }, props));
27
- };
28
+ });
28
29
  return /*#__PURE__*/React.createElement(NumericFormat, _extends({
29
30
  thousandSeparator: thousandSeparator,
30
31
  decimalScale: decimalScale,
@@ -404,7 +404,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
404
404
  "aria-labelledby": labelId,
405
405
  "aria-describedby": helperTextId,
406
406
  placeholder: innerPlaceholderValue,
407
- className: cx(hasValueClass, keepPlaceholderClass, classTextEllipsis),
407
+ className: cx(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && classes.readOnlyInput),
408
408
  disabled: disabled,
409
409
  readOnly: !disabled && readOnly,
410
410
  onInput: handleInput,
@@ -15,7 +15,8 @@ export var classes = {
15
15
  requiredAlignRight: 'required-align-right',
16
16
  inputWrapper: 'input-wrapper',
17
17
  inputTextEllipsis: 'textfield-input-text-ellipsis',
18
- contentRightCompensationMargin: 'textfield-content-right-compensation-margin'
18
+ contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
19
+ readOnlyInput: 'textfield-readonly-input'
19
20
  };
20
21
  export var tokens = {
21
22
  color: '--plasma-textfield-color',
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from "../../TextField.tokens";
3
3
  import { Input, InputContainer, Label } from "../../TextField.styles";
4
- export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, Input, classes.keepPlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.clear, Label, tokens.clearPlaceholderColor);
4
+ export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":not(.", "):focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, Input, classes.readOnlyInput, Label, Input, classes.hasValue, Label, Input, classes.keepPlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.clear, Label, tokens.clearPlaceholderColor);
@@ -0,0 +1,28 @@
1
+ import { css } from 'styled-components';
2
+ import { listTokens } from "../../../../components/List";
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 's',
7
+ variant: 'normal'
8
+ },
9
+ variations: {
10
+ view: {
11
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":transparent;", ":var(--surface-transparent-secondary);", ":transparent;", ":transparent;"], listTokens.listItemColor, listTokens.listItemColorHover, listTokens.listItemBackground, listTokens.listItemBackgroundHover, listTokens.listItemBorderColor, listTokens.listItemBorderColorHover)
12
+ },
13
+ size: {
14
+ xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
15
+ s: /*#__PURE__*/css(["", ":0.689rem;", ":0.75rem;", ":0.75rem;", ":0.689rem;", ":0.625rem;", ":0rem;", ":0.375rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
16
+ m: /*#__PURE__*/css(["", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
17
+ l: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.875rem;", ":0rem;", ":0.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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
18
+ xl: /*#__PURE__*/css(["", ":1.3125rem;", ":1.125rem;", ":1.125rem;", ":1.3125rem;", ":1rem;", ":0rem;", ":0.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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight)
19
+ },
20
+ variant: {
21
+ normal: /*#__PURE__*/css(["", ":0.4;", ":0rem;"], listTokens.listDisabledOpacity, listTokens.listItemVariantDifference),
22
+ tight: /*#__PURE__*/css(["", ":0.25rem;", ":0.4;"], listTokens.listItemVariantDifference, listTokens.listDisabledOpacity)
23
+ },
24
+ disabled: {
25
+ "true": /*#__PURE__*/css(["", ":red;"], listTokens.listItemBackground)
26
+ }
27
+ }
28
+ };
@@ -0,0 +1,6 @@
1
+ import { listConfig, ListItem as ListItemComponent } from "../../../../components/List";
2
+ import { component, mergeConfig } from "../../../../engines";
3
+ import { config } from "./List.config";
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(listConfig, config);
5
+ export var List = /*#__PURE__*/component(mergedConfig);
6
+ export var ListItem = ListItemComponent;
@@ -0,0 +1,60 @@
1
+ import React from 'react';
2
+ import type { Meta } from '@storybook/react';
3
+ import styled from 'styled-components';
4
+
5
+ import { IconChevronLeft } from '../../../../components/_Icon';
6
+ import { WithTheme } from '../../../_helpers';
7
+
8
+ import { List, ListItem } from './List';
9
+
10
+ const ChevronRight = styled(IconChevronLeft)`
11
+ transform: rotate(180deg);
12
+ `;
13
+
14
+ const meta: Meta<typeof List> = {
15
+ title: 'b2c/Data Display/List',
16
+ component: List,
17
+ decorators: [WithTheme],
18
+ argTypes: {
19
+ size: {
20
+ options: ['xl', 'l', 'm', 's', 'xs'],
21
+ control: {
22
+ type: 'select',
23
+ },
24
+ },
25
+ view: {
26
+ options: ['default'],
27
+ control: {
28
+ type: 'select',
29
+ },
30
+ },
31
+ variant: {
32
+ options: ['normal', 'tight'],
33
+ control: {
34
+ type: 'select',
35
+ },
36
+ },
37
+ },
38
+ };
39
+
40
+ export default meta;
41
+
42
+ export const Default: Story = {
43
+ args: {
44
+ view: 'default',
45
+ size: 'm',
46
+ variant: 'normal',
47
+ },
48
+ render: ({ view, size, ...rest }: StoryProps) => {
49
+ return (
50
+ <List view={view} size={size} {...rest}>
51
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
52
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
53
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />} disabled>
54
+ Test Item 3
55
+ </ListItem>
56
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
57
+ </List>
58
+ );
59
+ },
60
+ };
@@ -0,0 +1,28 @@
1
+ import { css } from 'styled-components';
2
+ import { listTokens } from "../../../../components/List";
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 's',
7
+ variant: 'normal'
8
+ },
9
+ variations: {
10
+ view: {
11
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":transparent;", ":var(--surface-transparent-secondary);", ":transparent;", ":transparent;"], listTokens.listItemColor, listTokens.listItemColorHover, listTokens.listItemBackground, listTokens.listItemBackgroundHover, listTokens.listItemBorderColor, listTokens.listItemBorderColorHover)
12
+ },
13
+ size: {
14
+ xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
15
+ s: /*#__PURE__*/css(["", ":0.689rem;", ":0.75rem;", ":0.75rem;", ":0.689rem;", ":0.625rem;", ":0rem;", ":0.375rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
16
+ m: /*#__PURE__*/css(["", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
17
+ l: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.875rem;", ":0rem;", ":0.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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
18
+ xl: /*#__PURE__*/css(["", ":1.3125rem;", ":1.125rem;", ":1.125rem;", ":1.3125rem;", ":1rem;", ":0rem;", ":0.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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight)
19
+ },
20
+ variant: {
21
+ normal: /*#__PURE__*/css(["", ":0.4;", ":0rem;"], listTokens.listDisabledOpacity, listTokens.listItemVariantDifference),
22
+ tight: /*#__PURE__*/css(["", ":0.25rem;", ":0.4;"], listTokens.listItemVariantDifference, listTokens.listDisabledOpacity)
23
+ },
24
+ disabled: {
25
+ "true": /*#__PURE__*/css(["", ":red;"], listTokens.listItemBackground)
26
+ }
27
+ }
28
+ };
@@ -0,0 +1,6 @@
1
+ import { listConfig, ListItem as ListItemComponent } from "../../../../components/List";
2
+ import { component, mergeConfig } from "../../../../engines";
3
+ import { config } from "./List.config";
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(listConfig, config);
5
+ export var List = /*#__PURE__*/component(mergedConfig);
6
+ export var ListItem = ListItemComponent;
@@ -0,0 +1,60 @@
1
+ import React from 'react';
2
+ import type { Meta } from '@storybook/react';
3
+ import styled from 'styled-components';
4
+
5
+ import { IconChevronLeft } from '../../../../components/_Icon';
6
+ import { WithTheme } from '../../../_helpers';
7
+
8
+ import { List, ListItem } from './List';
9
+
10
+ const ChevronRight = styled(IconChevronLeft)`
11
+ transform: rotate(180deg);
12
+ `;
13
+
14
+ const meta: Meta<typeof List> = {
15
+ title: 'web/Data Display/List',
16
+ component: List,
17
+ decorators: [WithTheme],
18
+ argTypes: {
19
+ size: {
20
+ options: ['xl', 'l', 'm', 's', 'xs'],
21
+ control: {
22
+ type: 'select',
23
+ },
24
+ },
25
+ view: {
26
+ options: ['default'],
27
+ control: {
28
+ type: 'select',
29
+ },
30
+ },
31
+ variant: {
32
+ options: ['normal', 'tight'],
33
+ control: {
34
+ type: 'select',
35
+ },
36
+ },
37
+ },
38
+ };
39
+
40
+ export default meta;
41
+
42
+ export const Default: Story = {
43
+ args: {
44
+ view: 'default',
45
+ size: 'm',
46
+ variant: 'normal',
47
+ },
48
+ render: ({ view, size, ...rest }: StoryProps) => {
49
+ return (
50
+ <List view={view} size={size} {...rest}>
51
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
52
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
53
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />} disabled>
54
+ Test Item 3
55
+ </ListItem>
56
+ <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
57
+ </List>
58
+ );
59
+ },
60
+ };
@@ -72,7 +72,9 @@ export * from "./components/Tree";
72
72
  export * from "./components/Rating";
73
73
  export * from "./components/Note";
74
74
  export * from "./components/Table";
75
+ export * from "./components/List";
75
76
  export * from "./components/LinkButton";
76
77
  export * from "./components/NumberFormat";
77
78
  export * from "./components/Toast/ToastNew";
78
- export * from "./components/Carousel";
79
+ export * from "./components/Carousel";
80
+ export * from "./components/List";
@@ -0,0 +1,43 @@
1
+ import React from 'react';
2
+ import { RootProps } from '../../engines';
3
+ import type { ListProps } from './List.types';
4
+ export declare const listRoot: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
5
+ view?: string | undefined;
6
+ size?: string | undefined;
7
+ variant?: string | undefined;
8
+ disabled?: string | undefined;
9
+ children?: React.ReactNode;
10
+ className?: string | undefined;
11
+ } & React.RefAttributes<HTMLDivElement>>;
12
+ export declare const listConfig: {
13
+ name: string;
14
+ tag: string;
15
+ layout: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
16
+ view?: string | undefined;
17
+ size?: string | undefined;
18
+ variant?: string | undefined;
19
+ disabled?: string | undefined;
20
+ children?: React.ReactNode;
21
+ className?: string | undefined;
22
+ } & React.RefAttributes<HTMLDivElement>>;
23
+ base: import("@linaria/core").LinariaClassName;
24
+ variations: {
25
+ view: {
26
+ css: import("@linaria/core").LinariaClassName;
27
+ };
28
+ size: {
29
+ css: import("@linaria/core").LinariaClassName;
30
+ };
31
+ variant: {
32
+ css: import("@linaria/core").LinariaClassName;
33
+ };
34
+ disabled: {
35
+ css: import("@linaria/core").LinariaClassName;
36
+ };
37
+ };
38
+ defaults: {
39
+ view: string;
40
+ size: string;
41
+ };
42
+ };
43
+ //# sourceMappingURL=List.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;wCAc7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAhBQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuClE,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=List.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
@@ -0,0 +1,34 @@
1
+ export declare const classes: {
2
+ listRoot: string;
3
+ listItem: string;
4
+ filledStretching: string;
5
+ fixedStretching: string;
6
+ };
7
+ export declare const tokens: {
8
+ listGap: string;
9
+ listWidth: string;
10
+ listItemBackground: string;
11
+ listItemBackgroundHover: string;
12
+ listItemBorderRadius: string;
13
+ listItemPaddingLeft: string;
14
+ listItemPaddingRight: string;
15
+ listItemPaddingTop: string;
16
+ listItemPaddingBottom: string;
17
+ listItemBorderColor: string;
18
+ listItemBorderColorHover: string;
19
+ listItemBorderWidth: string;
20
+ listItemIconLeftColor: string;
21
+ listItemIconRightColor: string;
22
+ listItemGap: string;
23
+ listItemVariantDifference: string;
24
+ listItemColor: string;
25
+ listItemColorHover: string;
26
+ listItemFontFamily: string;
27
+ listItemFontSize: string;
28
+ listItemFontStyle: string;
29
+ listItemFontWeight: string;
30
+ listItemLetterSpacing: string;
31
+ listItemLineHeight: string;
32
+ listDisabledOpacity: string;
33
+ };
34
+ //# sourceMappingURL=List.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}
@@ -0,0 +1,24 @@
1
+ import type { ReactNode } from 'react';
2
+ declare type CustomListProps = {
3
+ /**
4
+ * Тип отображения для accordion
5
+ */
6
+ view?: string;
7
+ /**
8
+ * Размер
9
+ */
10
+ size?: string;
11
+ /**
12
+ * Вариант List
13
+ */
14
+ variant?: string;
15
+ /**
16
+ * Disabled
17
+ */
18
+ disabled?: string;
19
+ children?: ReactNode;
20
+ className?: string;
21
+ };
22
+ export declare type ListProps = CustomListProps;
23
+ export {};
24
+ //# sourceMappingURL=List.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { listRoot, listConfig } from './List';
2
+ export type { ListProps } from './List.types';
3
+ export { ListItem } from './ui/ListItem';
4
+ export { tokens as listTokens, classes as listClasses } from './List.tokens';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { ListItemProps } from './ListItem.types';
3
+ export declare const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps>;
4
+ //# sourceMappingURL=ListItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ui/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG,aAAa,CAW5E,CAAC"}
@@ -0,0 +1,36 @@
1
+ /// <reference types="react" />
2
+ export declare const CellItem: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & (({
3
+ size?: string | undefined;
4
+ view?: string | undefined;
5
+ contentLeft?: import("react").ReactNode;
6
+ contentRight?: import("react").ReactNode;
7
+ alignContentLeft?: import("../../Cell/Cell.types").AlignProp | undefined;
8
+ alignContentRight?: import("../../Cell/Cell.types").AlignProp | undefined;
9
+ stretching?: "fixed" | "auto" | "filled" | undefined;
10
+ content?: import("react").ReactNode;
11
+ description?: string | undefined;
12
+ } & {
13
+ title?: string | undefined;
14
+ subtitle?: string | undefined;
15
+ label?: string | undefined;
16
+ children?: undefined;
17
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
18
+ size?: string | undefined;
19
+ view?: string | undefined;
20
+ contentLeft?: import("react").ReactNode;
21
+ contentRight?: import("react").ReactNode;
22
+ alignContentLeft?: import("../../Cell/Cell.types").AlignProp | undefined;
23
+ alignContentRight?: import("../../Cell/Cell.types").AlignProp | undefined;
24
+ stretching?: "fixed" | "auto" | "filled" | undefined;
25
+ content?: import("react").ReactNode;
26
+ description?: string | undefined;
27
+ } & {
28
+ title?: undefined;
29
+ subtitle?: undefined;
30
+ label?: undefined;
31
+ children?: import("react").ReactNode;
32
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
33
+ export declare const StyledListItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
34
+ disabled?: boolean | undefined;
35
+ }>;
36
+ //# sourceMappingURL=ListItem.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ui/ListItem.styles.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qGAYpB,CAAC;AAEF,eAAO,MAAM,cAAc;;EAgC1B,CAAC"}
@@ -0,0 +1,15 @@
1
+ import type { ReactNode } from 'react';
2
+ declare type CustomListItemProps = {
3
+ /**
4
+ * Disabled
5
+ */
6
+ disabled?: boolean;
7
+ /**
8
+ * Контент справа
9
+ */
10
+ contentRight?: ReactNode;
11
+ children?: ReactNode;
12
+ };
13
+ export declare type ListItemProps = CustomListItemProps;
14
+ export {};
15
+ //# sourceMappingURL=ListItem.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ui/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,mBAAmB,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,oBAAY,aAAa,GAAG,mBAAmB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_disabled/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_variant/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,kBAAkB,CAAC,4FAof5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAtfQ,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+hBhF,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,kBAAkB,CAAC,4FAyf5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA3fQ,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoiBhF,CAAC"}
@@ -16,6 +16,7 @@ export declare const classes: {
16
16
  inputWrapper: string;
17
17
  inputTextEllipsis: string;
18
18
  contentRightCompensationMargin: string;
19
+ readOnlyInput: string;
19
20
  };
20
21
  export declare const tokens: {
21
22
  color: string;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CrB,CAAC"}
1
+ {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CrB,CAAC"}
package/types/index.d.ts CHANGED
@@ -70,8 +70,10 @@ export * from './components/Tree';
70
70
  export * from './components/Rating';
71
71
  export * from './components/Note';
72
72
  export * from './components/Table';
73
+ export * from './components/List';
73
74
  export * from './components/LinkButton';
74
75
  export * from './components/NumberFormat';
75
76
  export * from './components/Toast/ToastNew';
76
77
  export * from './components/Carousel';
78
+ export * from './components/List';
77
79
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .luk2zst{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .luk2zst{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}