@salutejs/plasma-new-hope 0.109.0-canary.1307.10036117462.0 → 0.109.0-canary.1308.10039680195.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (218) hide show
  1. package/cjs/components/Portal/Portal.js +1 -1
  2. package/cjs/components/Portal/Portal.js.map +1 -1
  3. package/cjs/components/TextArea/TextArea.js +5 -5
  4. package/cjs/components/TextArea/TextArea.js.map +1 -1
  5. package/cjs/components/Typography/Old/Subtitle/Subtitle.js +5 -2
  6. package/cjs/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
  7. package/cjs/components/Typography/Old/TypographyOld.js +5 -2
  8. package/cjs/components/Typography/Old/TypographyOld.js.map +1 -1
  9. package/cjs/components/Typography/Typography.js +5 -2
  10. package/cjs/components/Typography/Typography.js.map +1 -1
  11. package/cjs/index.css +0 -3
  12. package/cjs/index.js +0 -5
  13. package/cjs/index.js.map +1 -1
  14. package/emotion/cjs/components/Portal/Portal.js +1 -1
  15. package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  16. package/emotion/cjs/components/TextArea/TextArea.js +6 -6
  17. package/emotion/cjs/components/Typography/Old/Subtitle/Subtitle.js +5 -2
  18. package/emotion/cjs/components/Typography/Old/TypographyOld.js +5 -2
  19. package/emotion/cjs/components/Typography/Typography.js +5 -2
  20. package/emotion/cjs/index.js +0 -11
  21. package/emotion/es/components/Portal/Portal.js +1 -1
  22. package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
  23. package/emotion/es/components/TextArea/TextArea.js +6 -6
  24. package/emotion/es/components/Typography/Old/Subtitle/Subtitle.js +5 -2
  25. package/emotion/es/components/Typography/Old/TypographyOld.js +5 -2
  26. package/emotion/es/components/Typography/Typography.js +5 -2
  27. package/emotion/es/index.js +1 -2
  28. package/es/components/Portal/Portal.js +1 -1
  29. package/es/components/Portal/Portal.js.map +1 -1
  30. package/es/components/TextArea/TextArea.js +5 -5
  31. package/es/components/TextArea/TextArea.js.map +1 -1
  32. package/es/components/Typography/Old/Subtitle/Subtitle.js +5 -2
  33. package/es/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
  34. package/es/components/Typography/Old/TypographyOld.js +5 -2
  35. package/es/components/Typography/Old/TypographyOld.js.map +1 -1
  36. package/es/components/Typography/Typography.js +5 -2
  37. package/es/components/Typography/Typography.js.map +1 -1
  38. package/es/index.css +0 -3
  39. package/es/index.js +0 -2
  40. package/es/index.js.map +1 -1
  41. package/package.json +2 -2
  42. package/styled-components/cjs/components/Portal/Portal.js +1 -1
  43. package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  44. package/styled-components/cjs/components/TextArea/TextArea.js +5 -5
  45. package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.js +5 -2
  46. package/styled-components/cjs/components/Typography/Old/TypographyOld.js +5 -2
  47. package/styled-components/cjs/components/Typography/Typography.js +5 -2
  48. package/styled-components/cjs/index.js +0 -11
  49. package/styled-components/es/components/Portal/Portal.js +1 -1
  50. package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
  51. package/styled-components/es/components/TextArea/TextArea.js +5 -5
  52. package/styled-components/es/components/Typography/Old/Subtitle/Subtitle.js +5 -2
  53. package/styled-components/es/components/Typography/Old/TypographyOld.js +5 -2
  54. package/styled-components/es/components/Typography/Typography.js +5 -2
  55. package/styled-components/es/index.js +1 -2
  56. package/types/components/Portal/Portal.d.ts +2 -6
  57. package/types/components/Portal/Portal.d.ts.map +1 -1
  58. package/types/components/Portal/index.d.ts.map +1 -1
  59. package/types/components/Typography/Body/Body.d.ts +10 -2
  60. package/types/components/Typography/Body/Body.d.ts.map +1 -1
  61. package/types/components/Typography/Dspl/Dspl.d.ts +10 -2
  62. package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
  63. package/types/components/Typography/Heading/Heading.d.ts +10 -2
  64. package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
  65. package/types/components/Typography/Old/Body/Body.d.ts +6 -2
  66. package/types/components/Typography/Old/Body/Body.d.ts.map +1 -1
  67. package/types/components/Typography/Old/Button/Button.d.ts +6 -2
  68. package/types/components/Typography/Old/Button/Button.d.ts.map +1 -1
  69. package/types/components/Typography/Old/Caption/Caption.d.ts +6 -2
  70. package/types/components/Typography/Old/Caption/Caption.d.ts.map +1 -1
  71. package/types/components/Typography/Old/Display/Display.d.ts +6 -2
  72. package/types/components/Typography/Old/Display/Display.d.ts.map +1 -1
  73. package/types/components/Typography/Old/Footnote/Footnote.d.ts +6 -2
  74. package/types/components/Typography/Old/Footnote/Footnote.d.ts.map +1 -1
  75. package/types/components/Typography/Old/Headline/Headline.d.ts +6 -2
  76. package/types/components/Typography/Old/Headline/Headline.d.ts.map +1 -1
  77. package/types/components/Typography/Old/Paragraph/Paragraph.d.ts +6 -2
  78. package/types/components/Typography/Old/Paragraph/Paragraph.d.ts.map +1 -1
  79. package/types/components/Typography/Old/ParagraphText/ParagraphText.d.ts +6 -2
  80. package/types/components/Typography/Old/ParagraphText/ParagraphText.d.ts.map +1 -1
  81. package/types/components/Typography/Old/Subtitle/Subtitle.d.ts +9 -3
  82. package/types/components/Typography/Old/Subtitle/Subtitle.d.ts.map +1 -1
  83. package/types/components/Typography/Old/TypographyOld.d.ts +6 -2
  84. package/types/components/Typography/Old/TypographyOld.d.ts.map +1 -1
  85. package/types/components/Typography/Old/Underline/Underline.d.ts +6 -2
  86. package/types/components/Typography/Old/Underline/Underline.d.ts.map +1 -1
  87. package/types/components/Typography/Text/Text.d.ts +10 -2
  88. package/types/components/Typography/Text/Text.d.ts.map +1 -1
  89. package/types/components/Typography/Typography.d.ts +3 -1
  90. package/types/components/Typography/Typography.d.ts.map +1 -1
  91. package/types/examples/typograpy/components/Old/Body/Body.d.ts +3 -1
  92. package/types/examples/typograpy/components/Old/Body/Body.d.ts.map +1 -1
  93. package/types/examples/typograpy/components/Old/Button/Button.d.ts +3 -1
  94. package/types/examples/typograpy/components/Old/Button/Button.d.ts.map +1 -1
  95. package/types/examples/typograpy/components/Old/Caption/Caption.d.ts +3 -1
  96. package/types/examples/typograpy/components/Old/Caption/Caption.d.ts.map +1 -1
  97. package/types/examples/typograpy/components/Old/Display/Display.d.ts +3 -1
  98. package/types/examples/typograpy/components/Old/Display/Display.d.ts.map +1 -1
  99. package/types/examples/typograpy/components/Old/Footnote/Footnote.d.ts +3 -1
  100. package/types/examples/typograpy/components/Old/Footnote/Footnote.d.ts.map +1 -1
  101. package/types/examples/typograpy/components/Old/Headline/Headline.d.ts +3 -1
  102. package/types/examples/typograpy/components/Old/Headline/Headline.d.ts.map +1 -1
  103. package/types/examples/typograpy/components/Old/Paragraph/Paragraph.d.ts +3 -1
  104. package/types/examples/typograpy/components/Old/Paragraph/Paragraph.d.ts.map +1 -1
  105. package/types/examples/typograpy/components/Old/Subtitle/Subtitle.d.ts +3 -1
  106. package/types/examples/typograpy/components/Old/Subtitle/Subtitle.d.ts.map +1 -1
  107. package/types/examples/typograpy/components/Old/Underline/Underline.d.ts +3 -1
  108. package/types/examples/typograpy/components/Old/Underline/Underline.d.ts.map +1 -1
  109. package/types/index.d.ts +0 -1
  110. package/types/index.d.ts.map +1 -1
  111. package/cjs/components/Price/Price.css +0 -2
  112. package/cjs/components/Price/Price.js +0 -65
  113. package/cjs/components/Price/Price.js.map +0 -1
  114. package/cjs/components/Price/Price.styles.js +0 -17
  115. package/cjs/components/Price/Price.styles.js.map +0 -1
  116. package/cjs/components/Price/Price.styles_15b4mp1.css +0 -2
  117. package/cjs/components/Price/Price.tokens.js +0 -10
  118. package/cjs/components/Price/Price.tokens.js.map +0 -1
  119. package/cjs/components/Price/utils/formatCurrency.js +0 -22
  120. package/cjs/components/Price/utils/formatCurrency.js.map +0 -1
  121. package/cjs/components/Price/variations/_view/base.js +0 -9
  122. package/cjs/components/Price/variations/_view/base.js.map +0 -1
  123. package/cjs/components/Price/variations/_view/base_x642ct.css +0 -1
  124. package/emotion/cjs/components/Price/Price.js +0 -66
  125. package/emotion/cjs/components/Price/Price.styles.js +0 -24
  126. package/emotion/cjs/components/Price/Price.template-doc.mdx +0 -24
  127. package/emotion/cjs/components/Price/Price.tokens.js +0 -9
  128. package/emotion/cjs/components/Price/Price.types.js +0 -5
  129. package/emotion/cjs/components/Price/index.js +0 -25
  130. package/emotion/cjs/components/Price/utils/formatCurrency.js +0 -21
  131. package/emotion/cjs/components/Price/variations/_view/base.js +0 -8
  132. package/emotion/cjs/components/Price/variations/_view/tokens.json +0 -1
  133. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +0 -14
  134. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +0 -17
  135. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
  136. package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +0 -14
  137. package/emotion/cjs/examples/plasma_web/components/Price/Price.js +0 -17
  138. package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
  139. package/emotion/es/components/Price/Price.js +0 -58
  140. package/emotion/es/components/Price/Price.styles.js +0 -17
  141. package/emotion/es/components/Price/Price.template-doc.mdx +0 -24
  142. package/emotion/es/components/Price/Price.tokens.js +0 -3
  143. package/emotion/es/components/Price/Price.types.js +0 -1
  144. package/emotion/es/components/Price/index.js +0 -2
  145. package/emotion/es/components/Price/utils/formatCurrency.js +0 -15
  146. package/emotion/es/components/Price/variations/_view/base.js +0 -2
  147. package/emotion/es/components/Price/variations/_view/tokens.json +0 -1
  148. package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +0 -8
  149. package/emotion/es/examples/plasma_b2c/components/Price/Price.js +0 -6
  150. package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
  151. package/emotion/es/examples/plasma_web/components/Price/Price.config.js +0 -8
  152. package/emotion/es/examples/plasma_web/components/Price/Price.js +0 -6
  153. package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
  154. package/es/components/Price/Price.css +0 -2
  155. package/es/components/Price/Price.js +0 -60
  156. package/es/components/Price/Price.js.map +0 -1
  157. package/es/components/Price/Price.styles.js +0 -12
  158. package/es/components/Price/Price.styles.js.map +0 -1
  159. package/es/components/Price/Price.styles_15b4mp1.css +0 -2
  160. package/es/components/Price/Price.tokens.js +0 -6
  161. package/es/components/Price/Price.tokens.js.map +0 -1
  162. package/es/components/Price/utils/formatCurrency.js +0 -18
  163. package/es/components/Price/utils/formatCurrency.js.map +0 -1
  164. package/es/components/Price/variations/_view/base.js +0 -5
  165. package/es/components/Price/variations/_view/base.js.map +0 -1
  166. package/es/components/Price/variations/_view/base_x642ct.css +0 -1
  167. package/styled-components/cjs/components/Price/Price.js +0 -66
  168. package/styled-components/cjs/components/Price/Price.styles.js +0 -15
  169. package/styled-components/cjs/components/Price/Price.template-doc.mdx +0 -24
  170. package/styled-components/cjs/components/Price/Price.tokens.js +0 -9
  171. package/styled-components/cjs/components/Price/Price.types.js +0 -5
  172. package/styled-components/cjs/components/Price/index.js +0 -25
  173. package/styled-components/cjs/components/Price/utils/formatCurrency.js +0 -21
  174. package/styled-components/cjs/components/Price/variations/_view/base.js +0 -8
  175. package/styled-components/cjs/components/Price/variations/_view/tokens.json +0 -1
  176. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +0 -14
  177. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +0 -17
  178. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
  179. package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +0 -14
  180. package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +0 -17
  181. package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
  182. package/styled-components/es/components/Price/Price.js +0 -58
  183. package/styled-components/es/components/Price/Price.styles.js +0 -7
  184. package/styled-components/es/components/Price/Price.template-doc.mdx +0 -24
  185. package/styled-components/es/components/Price/Price.tokens.js +0 -3
  186. package/styled-components/es/components/Price/Price.types.js +0 -1
  187. package/styled-components/es/components/Price/index.js +0 -2
  188. package/styled-components/es/components/Price/utils/formatCurrency.js +0 -15
  189. package/styled-components/es/components/Price/variations/_view/base.js +0 -2
  190. package/styled-components/es/components/Price/variations/_view/tokens.json +0 -1
  191. package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +0 -8
  192. package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +0 -6
  193. package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
  194. package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +0 -8
  195. package/styled-components/es/examples/plasma_web/components/Price/Price.js +0 -6
  196. package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
  197. package/types/components/Price/Price.d.ts +0 -22
  198. package/types/components/Price/Price.d.ts.map +0 -1
  199. package/types/components/Price/Price.styles.d.ts +0 -4
  200. package/types/components/Price/Price.styles.d.ts.map +0 -1
  201. package/types/components/Price/Price.tokens.d.ts +0 -4
  202. package/types/components/Price/Price.tokens.d.ts.map +0 -1
  203. package/types/components/Price/Price.types.d.ts +0 -41
  204. package/types/components/Price/Price.types.d.ts.map +0 -1
  205. package/types/components/Price/index.d.ts +0 -3
  206. package/types/components/Price/index.d.ts.map +0 -1
  207. package/types/components/Price/utils/formatCurrency.d.ts +0 -10
  208. package/types/components/Price/utils/formatCurrency.d.ts.map +0 -1
  209. package/types/components/Price/variations/_view/base.d.ts +0 -2
  210. package/types/components/Price/variations/_view/base.d.ts.map +0 -1
  211. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +0 -9
  212. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +0 -1
  213. package/types/examples/plasma_b2c/components/Price/Price.d.ts +0 -6
  214. package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +0 -1
  215. package/types/examples/plasma_web/components/Price/Price.config.d.ts +0 -9
  216. package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +0 -1
  217. package/types/examples/plasma_web/components/Price/Price.d.ts +0 -6
  218. package/types/examples/plasma_web/components/Price/Price.d.ts.map +0 -1
@@ -1,66 +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.priceRoot = exports.priceConfig = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _utils = /*#__PURE__*/require("../../utils");
10
- var _formatCurrency = /*#__PURE__*/require("./utils/formatCurrency");
11
- var _Price = /*#__PURE__*/require("./Price.styles");
12
- var _base = /*#__PURE__*/require("./variations/_view/base");
13
- var _Price2 = /*#__PURE__*/require("./Price.tokens");
14
- var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
15
- 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); }
16
- 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; }
17
- 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); }
18
- 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; }
19
- 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; }
20
- /**
21
- * Компонент для отображения цены / стоимости / суммы.
22
- */
23
- var priceRoot = exports.priceRoot = function priceRoot(Root) {
24
- return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
25
- var children = _ref.children,
26
- _ref$locale = _ref.locale,
27
- locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
28
- _ref$currency = _ref.currency,
29
- currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
30
- _ref$minimumFractionD = _ref.minimumFractionDigits,
31
- minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
32
- _ref$stroked = _ref.stroked,
33
- stroked = _ref$stroked === void 0 ? false : _ref$stroked,
34
- periodicity = _ref.periodicity,
35
- view = _ref.view,
36
- className = _ref.className,
37
- _ref$stroke = _ref.stroke,
38
- stroke = _ref$stroke === void 0 ? false : _ref$stroke,
39
- rest = _objectWithoutProperties(_ref, _excluded);
40
- var strokedClass = stroked || stroke ? _Price2.classes.stroked : undefined;
41
- return /*#__PURE__*/_react["default"].createElement(Root, _extends({
42
- view: view,
43
- ref: outerRootRef,
44
- className: (0, _utils.cx)(strokedClass, className)
45
- }, rest), (0, _formatCurrency.formatCurrency)({
46
- value: children,
47
- locale: locale,
48
- currency: currency,
49
- minimumFractionDigits: minimumFractionDigits
50
- }), periodicity && /*#__PURE__*/_react["default"].createElement(_Price.StyledPeriodicity, null, periodicity));
51
- });
52
- };
53
- var priceConfig = exports.priceConfig = {
54
- name: 'Price',
55
- tag: 'span',
56
- layout: priceRoot,
57
- base: _Price.base,
58
- variations: {
59
- view: {
60
- css: _base.base
61
- }
62
- },
63
- defaults: {
64
- view: 'default'
65
- }
66
- };
@@ -1,15 +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.base = exports.StyledPeriodicity = void 0;
8
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
- var _Price = /*#__PURE__*/require("./Price.tokens");
10
- 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); }
11
- 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; }
12
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{text-decoration:line-through;}"], /*#__PURE__*/String(_Price.classes.stroked));
13
- var StyledPeriodicity = exports.StyledPeriodicity = /*#__PURE__*/_styledComponents["default"].span.withConfig({
14
- componentId: "plasma-new-hope__sc-caa7uj-0"
15
- })(["padding-left:0.25rem;"]);
@@ -1,24 +0,0 @@
1
- ---
2
- id: price
3
- title: Price
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # Price
9
- <Description name="Price" />
10
- <PropsTable name="Price" exclude={['css']} />
11
-
12
- ```tsx live
13
- import React from 'react';
14
- import { Price } from '@salutejs/{{ package }}';
15
-
16
- export function App() {
17
- return (
18
- <div style=\{{ display: 'flex', flexDirection: 'column' }}>
19
- <Price currency="rub" minimumFractionDigits={3}>12345.67</Price>
20
- <Price locale="en" currency="rub" minimumFractionDigits={3} stroked>12345.67</Price>
21
- </div>
22
- );
23
- }
24
- ```
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.classes = void 0;
7
- var classes = exports.classes = {
8
- stroked: 'stroked'
9
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "priceClasses", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Price2.classes;
10
- }
11
- });
12
- Object.defineProperty(exports, "priceConfig", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Price.priceConfig;
16
- }
17
- });
18
- Object.defineProperty(exports, "priceRoot", {
19
- enumerable: true,
20
- get: function get() {
21
- return _Price.priceRoot;
22
- }
23
- });
24
- var _Price = /*#__PURE__*/require("./Price");
25
- var _Price2 = /*#__PURE__*/require("./Price.tokens");
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.formatCurrency = void 0;
7
- /**
8
- * Форматирование числа в цену.
9
- */
10
- var formatCurrency = exports.formatCurrency = function formatCurrency(_ref) {
11
- var value = _ref.value,
12
- locale = _ref.locale,
13
- currency = _ref.currency,
14
- minimumFractionDigits = _ref.minimumFractionDigits;
15
- var formatter = new Intl.NumberFormat(locale, {
16
- style: 'currency',
17
- currency: currency,
18
- minimumFractionDigits: minimumFractionDigits
19
- });
20
- return formatter.format(value);
21
- };
@@ -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)([""]);
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var config = exports.config = {
8
- defaults: {
9
- view: 'default'
10
- },
11
- variations: {
12
- view: {}
13
- }
14
- };
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Price = void 0;
7
- Object.defineProperty(exports, "priceClasses", {
8
- enumerable: true,
9
- get: function get() {
10
- return _Price.priceClasses;
11
- }
12
- });
13
- var _Price = /*#__PURE__*/require("../../../../components/Price");
14
- var _engines = /*#__PURE__*/require("../../../../engines");
15
- var _Price2 = /*#__PURE__*/require("./Price.config");
16
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Price.priceConfig, _Price2.config);
17
- var Price = exports.Price = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,38 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { disableProps } from '@salutejs/plasma-sb-utils';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
-
7
- import { Price } from './Price';
8
-
9
- const currencies = ['rub', 'usd', 'eur', 'inr'];
10
-
11
- const meta: Meta<typeof Price> = {
12
- title: 'plasma_b2c/Price',
13
- decorators: [WithTheme],
14
- argTypes: {
15
- currency: {
16
- options: currencies,
17
- control: {
18
- type: 'inline-radio',
19
- },
20
- },
21
- ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
22
- },
23
- };
24
-
25
- export default meta;
26
-
27
- type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
28
-
29
- export const Default: StoryObj<StoryPriceProps> = {
30
- args: {
31
- locale: 'ru',
32
- currency: 'rub',
33
- stroked: false,
34
- minimumFractionDigits: 0,
35
- priceLabel: 12345.67,
36
- },
37
- render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
38
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var config = exports.config = {
8
- defaults: {
9
- view: 'default'
10
- },
11
- variations: {
12
- view: {}
13
- }
14
- };
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Price = void 0;
7
- Object.defineProperty(exports, "priceClasses", {
8
- enumerable: true,
9
- get: function get() {
10
- return _Price.priceClasses;
11
- }
12
- });
13
- var _Price = /*#__PURE__*/require("../../../../components/Price");
14
- var _engines = /*#__PURE__*/require("../../../../engines");
15
- var _Price2 = /*#__PURE__*/require("./Price.config");
16
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Price.priceConfig, _Price2.config);
17
- var Price = exports.Price = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,38 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { disableProps } from '@salutejs/plasma-sb-utils';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
-
7
- import { Price } from './Price';
8
-
9
- const currencies = ['rub', 'usd', 'eur', 'inr'];
10
-
11
- const meta: Meta<typeof Price> = {
12
- title: 'plasma_web/Price',
13
- decorators: [WithTheme],
14
- argTypes: {
15
- currency: {
16
- options: currencies,
17
- control: {
18
- type: 'inline-radio',
19
- },
20
- },
21
- ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
22
- },
23
- };
24
-
25
- export default meta;
26
-
27
- type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
28
-
29
- export const Default: StoryObj<StoryPriceProps> = {
30
- args: {
31
- locale: 'ru',
32
- currency: 'rub',
33
- stroked: false,
34
- minimumFractionDigits: 0,
35
- priceLabel: 12345.67,
36
- },
37
- render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
38
- };
@@ -1,58 +0,0 @@
1
- var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
2
- 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); }
3
- 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; }
4
- 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; }
5
- import React, { forwardRef } from 'react';
6
- import { cx } from '../../utils';
7
- import { formatCurrency } from './utils/formatCurrency';
8
- import { base, StyledPeriodicity } from './Price.styles';
9
- import { base as viewCSS } from './variations/_view/base';
10
- import { classes } from './Price.tokens';
11
-
12
- /**
13
- * Компонент для отображения цены / стоимости / суммы.
14
- */
15
- export var priceRoot = function priceRoot(Root) {
16
- return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
17
- var children = _ref.children,
18
- _ref$locale = _ref.locale,
19
- locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
20
- _ref$currency = _ref.currency,
21
- currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
22
- _ref$minimumFractionD = _ref.minimumFractionDigits,
23
- minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
24
- _ref$stroked = _ref.stroked,
25
- stroked = _ref$stroked === void 0 ? false : _ref$stroked,
26
- periodicity = _ref.periodicity,
27
- view = _ref.view,
28
- className = _ref.className,
29
- _ref$stroke = _ref.stroke,
30
- stroke = _ref$stroke === void 0 ? false : _ref$stroke,
31
- rest = _objectWithoutProperties(_ref, _excluded);
32
- var strokedClass = stroked || stroke ? classes.stroked : undefined;
33
- return /*#__PURE__*/React.createElement(Root, _extends({
34
- view: view,
35
- ref: outerRootRef,
36
- className: cx(strokedClass, className)
37
- }, rest), formatCurrency({
38
- value: children,
39
- locale: locale,
40
- currency: currency,
41
- minimumFractionDigits: minimumFractionDigits
42
- }), periodicity && /*#__PURE__*/React.createElement(StyledPeriodicity, null, periodicity));
43
- });
44
- };
45
- export var priceConfig = {
46
- name: 'Price',
47
- tag: 'span',
48
- layout: priceRoot,
49
- base: base,
50
- variations: {
51
- view: {
52
- css: viewCSS
53
- }
54
- },
55
- defaults: {
56
- view: 'default'
57
- }
58
- };
@@ -1,7 +0,0 @@
1
- import styled from 'styled-components';
2
- import { css } from 'styled-components';
3
- import { classes } from './Price.tokens';
4
- export var base = /*#__PURE__*/css(["&.", "{text-decoration:line-through;}"], /*#__PURE__*/String(classes.stroked));
5
- export var StyledPeriodicity = /*#__PURE__*/styled.span.withConfig({
6
- componentId: "plasma-new-hope__sc-caa7uj-0"
7
- })(["padding-left:0.25rem;"]);
@@ -1,24 +0,0 @@
1
- ---
2
- id: price
3
- title: Price
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # Price
9
- <Description name="Price" />
10
- <PropsTable name="Price" exclude={['css']} />
11
-
12
- ```tsx live
13
- import React from 'react';
14
- import { Price } from '@salutejs/{{ package }}';
15
-
16
- export function App() {
17
- return (
18
- <div style=\{{ display: 'flex', flexDirection: 'column' }}>
19
- <Price currency="rub" minimumFractionDigits={3}>12345.67</Price>
20
- <Price locale="en" currency="rub" minimumFractionDigits={3} stroked>12345.67</Price>
21
- </div>
22
- );
23
- }
24
- ```
@@ -1,3 +0,0 @@
1
- export var classes = {
2
- stroked: 'stroked'
3
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export { priceRoot, priceConfig } from './Price';
2
- export { classes as priceClasses } from './Price.tokens';
@@ -1,15 +0,0 @@
1
- /**
2
- * Форматирование числа в цену.
3
- */
4
- export var formatCurrency = function formatCurrency(_ref) {
5
- var value = _ref.value,
6
- locale = _ref.locale,
7
- currency = _ref.currency,
8
- minimumFractionDigits = _ref.minimumFractionDigits;
9
- var formatter = new Intl.NumberFormat(locale, {
10
- style: 'currency',
11
- currency: currency,
12
- minimumFractionDigits: minimumFractionDigits
13
- });
14
- return formatter.format(value);
15
- };
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,8 +0,0 @@
1
- export var config = {
2
- defaults: {
3
- view: 'default'
4
- },
5
- variations: {
6
- view: {}
7
- }
8
- };
@@ -1,6 +0,0 @@
1
- import { priceConfig } from '../../../../components/Price';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Price.config';
4
- export { priceClasses } from '../../../../components/Price';
5
- var mergedConfig = /*#__PURE__*/mergeConfig(priceConfig, config);
6
- export var Price = /*#__PURE__*/component(mergedConfig);
@@ -1,38 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { disableProps } from '@salutejs/plasma-sb-utils';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
-
7
- import { Price } from './Price';
8
-
9
- const currencies = ['rub', 'usd', 'eur', 'inr'];
10
-
11
- const meta: Meta<typeof Price> = {
12
- title: 'plasma_b2c/Price',
13
- decorators: [WithTheme],
14
- argTypes: {
15
- currency: {
16
- options: currencies,
17
- control: {
18
- type: 'inline-radio',
19
- },
20
- },
21
- ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
22
- },
23
- };
24
-
25
- export default meta;
26
-
27
- type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
28
-
29
- export const Default: StoryObj<StoryPriceProps> = {
30
- args: {
31
- locale: 'ru',
32
- currency: 'rub',
33
- stroked: false,
34
- minimumFractionDigits: 0,
35
- priceLabel: 12345.67,
36
- },
37
- render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
38
- };
@@ -1,8 +0,0 @@
1
- export var config = {
2
- defaults: {
3
- view: 'default'
4
- },
5
- variations: {
6
- view: {}
7
- }
8
- };
@@ -1,6 +0,0 @@
1
- import { priceConfig } from '../../../../components/Price';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Price.config';
4
- export { priceClasses } from '../../../../components/Price';
5
- var mergedConfig = /*#__PURE__*/mergeConfig(priceConfig, config);
6
- export var Price = /*#__PURE__*/component(mergedConfig);
@@ -1,38 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { disableProps } from '@salutejs/plasma-sb-utils';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
-
7
- import { Price } from './Price';
8
-
9
- const currencies = ['rub', 'usd', 'eur', 'inr'];
10
-
11
- const meta: Meta<typeof Price> = {
12
- title: 'plasma_web/Price',
13
- decorators: [WithTheme],
14
- argTypes: {
15
- currency: {
16
- options: currencies,
17
- control: {
18
- type: 'inline-radio',
19
- },
20
- },
21
- ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
22
- },
23
- };
24
-
25
- export default meta;
26
-
27
- type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
28
-
29
- export const Default: StoryObj<StoryPriceProps> = {
30
- args: {
31
- locale: 'ru',
32
- currency: 'rub',
33
- stroked: false,
34
- minimumFractionDigits: 0,
35
- priceLabel: 12345.67,
36
- },
37
- render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
38
- };
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- import { RootProps } from '../../engines';
3
- import { PriceProps } from './Price.types';
4
- /**
5
- * Компонент для отображения цены / стоимости / суммы.
6
- */
7
- export declare const priceRoot: (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) => React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLSpanElement>>;
8
- export declare const priceConfig: {
9
- name: string;
10
- tag: string;
11
- layout: (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) => React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLSpanElement>>;
12
- base: import("@linaria/core").LinariaClassName;
13
- variations: {
14
- view: {
15
- css: import("@linaria/core").LinariaClassName;
16
- };
17
- };
18
- defaults: {
19
- view: string;
20
- };
21
- };
22
- //# sourceMappingURL=Price.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,eAAe,EAAE,KAAK,UAAU,EAAE,UAAU,CAAC,CAAC,uFA0BnF,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA5BQ,UAAU,eAAe,EAAE,KAAK,UAAU,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;CAyCvF,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const base: import("@linaria/core").LinariaClassName;
3
- export declare const StyledPeriodicity: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
4
- //# sourceMappingURL=Price.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Price.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,uKAE7B,CAAC"}
@@ -1,4 +0,0 @@
1
- export declare const classes: {
2
- stroked: string;
3
- };
4
- //# sourceMappingURL=Price.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Price.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC"}