@salutejs/plasma-new-hope 0.109.2-canary.1301.10057930683.0 → 0.110.0-canary.1307.10059399396.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (202) hide show
  1. package/cjs/components/Accordion/Accordion.js +1 -1
  2. package/cjs/components/Accordion/Accordion.js.map +1 -1
  3. package/cjs/components/Accordion/Accordion.tokens.js +1 -4
  4. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +9 -16
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  8. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  9. package/cjs/components/Accordion/utils/index.js +3 -4
  10. package/cjs/components/Accordion/utils/index.js.map +1 -1
  11. package/cjs/components/Portal/Portal.js +1 -1
  12. package/cjs/components/Portal/Portal.js.map +1 -1
  13. package/cjs/components/Price/Price.css +2 -0
  14. package/cjs/components/Price/Price.js +65 -0
  15. package/cjs/components/Price/Price.js.map +1 -0
  16. package/cjs/components/Price/Price.styles.js +17 -0
  17. package/cjs/components/Price/Price.styles.js.map +1 -0
  18. package/cjs/components/Price/Price.styles_15b4mp1.css +2 -0
  19. package/cjs/components/Price/Price.tokens.js +10 -0
  20. package/cjs/components/Price/Price.tokens.js.map +1 -0
  21. package/cjs/components/Price/utils/formatCurrency.js +22 -0
  22. package/cjs/components/Price/utils/formatCurrency.js.map +1 -0
  23. package/cjs/components/Price/variations/_view/base.js +9 -0
  24. package/cjs/components/Price/variations/_view/base.js.map +1 -0
  25. package/cjs/components/Price/variations/_view/base_x642ct.css +1 -0
  26. package/cjs/index.css +3 -0
  27. package/cjs/index.js +5 -0
  28. package/cjs/index.js.map +1 -1
  29. package/emotion/cjs/components/Accordion/Accordion.js +1 -1
  30. package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -4
  31. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
  32. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  33. package/emotion/cjs/components/Accordion/utils/index.js +3 -4
  34. package/emotion/cjs/components/Portal/Portal.js +1 -1
  35. package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  36. package/emotion/cjs/components/Price/Price.js +66 -0
  37. package/emotion/cjs/components/Price/Price.styles.js +24 -0
  38. package/emotion/cjs/components/Price/Price.template-doc.mdx +24 -0
  39. package/emotion/cjs/components/Price/Price.tokens.js +9 -0
  40. package/emotion/cjs/components/Price/Price.types.js +5 -0
  41. package/emotion/cjs/components/Price/index.js +25 -0
  42. package/emotion/cjs/components/Price/utils/formatCurrency.js +21 -0
  43. package/emotion/cjs/components/Price/variations/_view/base.js +8 -0
  44. package/emotion/cjs/components/Price/variations/_view/tokens.json +1 -0
  45. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  46. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  47. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  48. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  49. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  50. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  51. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  52. package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  53. package/emotion/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  54. package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  55. package/emotion/cjs/index.js +11 -0
  56. package/emotion/es/components/Accordion/Accordion.js +1 -1
  57. package/emotion/es/components/Accordion/Accordion.tokens.js +1 -4
  58. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
  59. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  60. package/emotion/es/components/Accordion/utils/index.js +3 -4
  61. package/emotion/es/components/Portal/Portal.js +1 -1
  62. package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
  63. package/emotion/es/components/Price/Price.js +58 -0
  64. package/emotion/es/components/Price/Price.styles.js +17 -0
  65. package/emotion/es/components/Price/Price.template-doc.mdx +24 -0
  66. package/emotion/es/components/Price/Price.tokens.js +3 -0
  67. package/emotion/es/components/Price/Price.types.js +1 -0
  68. package/emotion/es/components/Price/index.js +2 -0
  69. package/emotion/es/components/Price/utils/formatCurrency.js +15 -0
  70. package/emotion/es/components/Price/variations/_view/base.js +2 -0
  71. package/emotion/es/components/Price/variations/_view/tokens.json +1 -0
  72. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  73. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  74. package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  75. package/emotion/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  76. package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  77. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  78. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  79. package/emotion/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  80. package/emotion/es/examples/plasma_web/components/Price/Price.js +6 -0
  81. package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  82. package/emotion/es/index.js +1 -0
  83. package/es/components/Accordion/Accordion.js +1 -1
  84. package/es/components/Accordion/Accordion.js.map +1 -1
  85. package/es/components/Accordion/Accordion.tokens.js +1 -4
  86. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  87. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -15
  88. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  89. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  90. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  91. package/es/components/Accordion/utils/index.js +3 -4
  92. package/es/components/Accordion/utils/index.js.map +1 -1
  93. package/es/components/Portal/Portal.js +1 -1
  94. package/es/components/Portal/Portal.js.map +1 -1
  95. package/es/components/Price/Price.css +2 -0
  96. package/es/components/Price/Price.js +60 -0
  97. package/es/components/Price/Price.js.map +1 -0
  98. package/es/components/Price/Price.styles.js +12 -0
  99. package/es/components/Price/Price.styles.js.map +1 -0
  100. package/es/components/Price/Price.styles_15b4mp1.css +2 -0
  101. package/es/components/Price/Price.tokens.js +6 -0
  102. package/es/components/Price/Price.tokens.js.map +1 -0
  103. package/es/components/Price/utils/formatCurrency.js +18 -0
  104. package/es/components/Price/utils/formatCurrency.js.map +1 -0
  105. package/es/components/Price/variations/_view/base.js +5 -0
  106. package/es/components/Price/variations/_view/base.js.map +1 -0
  107. package/es/components/Price/variations/_view/base_x642ct.css +1 -0
  108. package/es/index.css +3 -0
  109. package/es/index.js +2 -0
  110. package/es/index.js.map +1 -1
  111. package/package.json +2 -2
  112. package/styled-components/cjs/components/Accordion/Accordion.js +1 -1
  113. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -4
  114. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
  115. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  116. package/styled-components/cjs/components/Accordion/utils/index.js +3 -4
  117. package/styled-components/cjs/components/Portal/Portal.js +1 -1
  118. package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  119. package/styled-components/cjs/components/Price/Price.js +66 -0
  120. package/styled-components/cjs/components/Price/Price.styles.js +15 -0
  121. package/styled-components/cjs/components/Price/Price.template-doc.mdx +24 -0
  122. package/styled-components/cjs/components/Price/Price.tokens.js +9 -0
  123. package/styled-components/cjs/components/Price/Price.types.js +5 -0
  124. package/styled-components/cjs/components/Price/index.js +25 -0
  125. package/styled-components/cjs/components/Price/utils/formatCurrency.js +21 -0
  126. package/styled-components/cjs/components/Price/variations/_view/base.js +8 -0
  127. package/styled-components/cjs/components/Price/variations/_view/tokens.json +1 -0
  128. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  129. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  130. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  131. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  132. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  133. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  134. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  135. package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  136. package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  137. package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  138. package/styled-components/cjs/index.js +11 -0
  139. package/styled-components/es/components/Accordion/Accordion.js +1 -1
  140. package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -4
  141. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
  142. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  143. package/styled-components/es/components/Accordion/utils/index.js +3 -4
  144. package/styled-components/es/components/Portal/Portal.js +1 -1
  145. package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
  146. package/styled-components/es/components/Price/Price.js +58 -0
  147. package/styled-components/es/components/Price/Price.styles.js +7 -0
  148. package/styled-components/es/components/Price/Price.template-doc.mdx +24 -0
  149. package/styled-components/es/components/Price/Price.tokens.js +3 -0
  150. package/styled-components/es/components/Price/Price.types.js +1 -0
  151. package/styled-components/es/components/Price/index.js +2 -0
  152. package/styled-components/es/components/Price/utils/formatCurrency.js +15 -0
  153. package/styled-components/es/components/Price/variations/_view/base.js +2 -0
  154. package/styled-components/es/components/Price/variations/_view/tokens.json +1 -0
  155. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  156. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  157. package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  158. package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  159. package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  160. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  161. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  162. package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  163. package/styled-components/es/examples/plasma_web/components/Price/Price.js +6 -0
  164. package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  165. package/styled-components/es/index.js +1 -0
  166. package/types/components/Accordion/Accordion.tokens.d.ts +0 -3
  167. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  168. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  169. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
  170. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -5
  171. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
  172. package/types/components/Accordion/utils/index.d.ts +2 -4
  173. package/types/components/Accordion/utils/index.d.ts.map +1 -1
  174. package/types/components/Portal/Portal.d.ts +6 -2
  175. package/types/components/Portal/Portal.d.ts.map +1 -1
  176. package/types/components/Portal/index.d.ts.map +1 -1
  177. package/types/components/Price/Price.d.ts +22 -0
  178. package/types/components/Price/Price.d.ts.map +1 -0
  179. package/types/components/Price/Price.styles.d.ts +4 -0
  180. package/types/components/Price/Price.styles.d.ts.map +1 -0
  181. package/types/components/Price/Price.tokens.d.ts +4 -0
  182. package/types/components/Price/Price.tokens.d.ts.map +1 -0
  183. package/types/components/Price/Price.types.d.ts +41 -0
  184. package/types/components/Price/Price.types.d.ts.map +1 -0
  185. package/types/components/Price/index.d.ts +3 -0
  186. package/types/components/Price/index.d.ts.map +1 -0
  187. package/types/components/Price/utils/formatCurrency.d.ts +10 -0
  188. package/types/components/Price/utils/formatCurrency.d.ts.map +1 -0
  189. package/types/components/Price/variations/_view/base.d.ts +2 -0
  190. package/types/components/Price/variations/_view/base.d.ts.map +1 -0
  191. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  192. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +9 -0
  193. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +1 -0
  194. package/types/examples/plasma_b2c/components/Price/Price.d.ts +6 -0
  195. package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +1 -0
  196. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  197. package/types/examples/plasma_web/components/Price/Price.config.d.ts +9 -0
  198. package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +1 -0
  199. package/types/examples/plasma_web/components/Price/Price.d.ts +6 -0
  200. package/types/examples/plasma_web/components/Price/Price.d.ts.map +1 -0
  201. package/types/index.d.ts +1 -0
  202. package/types/index.d.ts.map +1 -1
@@ -575,6 +575,17 @@ Object.keys(_Portal).forEach(function (key) {
575
575
  }
576
576
  });
577
577
  });
578
+ var _Price = /*#__PURE__*/require("./components/Price");
579
+ Object.keys(_Price).forEach(function (key) {
580
+ if (key === "default" || key === "__esModule") return;
581
+ if (key in exports && exports[key] === _Price[key]) return;
582
+ Object.defineProperty(exports, key, {
583
+ enumerable: true,
584
+ get: function get() {
585
+ return _Price[key];
586
+ }
587
+ });
588
+ });
578
589
  var _Autocomplete = /*#__PURE__*/require("./components/Autocomplete");
579
590
  Object.keys(_Autocomplete).forEach(function (key) {
580
591
  if (key === "default" || key === "__esModule") return;
@@ -58,7 +58,7 @@ export var accordionRoot = function accordionRoot(Root) {
58
58
  size: size,
59
59
  view: view,
60
60
  className: cx(stretchingClass, classes.accordionRoot, className)
61
- }, getChildren(childrenArray, activeIndex, view, disabled, updateValue));
61
+ }, getChildren(childrenArray, activeIndex, disabled, updateValue));
62
62
  });
63
63
  };
64
64
  export var accordionConfig = {
@@ -6,8 +6,7 @@ export var classes = {
6
6
  clearAccordionItem: 'clear-accordion-item',
7
7
  accordionItemShowBody: 'accordion-item-show-body',
8
8
  accordionPlusAnimationElement: 'accordion-plus-animation-element',
9
- accordionDisabled: 'accordion-disabled',
10
- accordionItemBody: 'accordion-item-body'
9
+ accordionDisabled: 'accordion-disabled'
11
10
  };
12
11
  export var tokens = {
13
12
  accordionGap: '--plasma-accordion-gap',
@@ -18,10 +17,8 @@ export var tokens = {
18
17
  accordionItemPadding: '--plasma-accordion-item-padding',
19
18
  accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
20
19
  accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
21
- accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
22
20
  accordionItemGap: '--plasma-accordion-item-gap',
23
21
  accordionItemFocus: '--plasma-accordion-item-focus',
24
- accordionItemBorder: '--plasma-accordion-item-border',
25
22
  accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
26
23
  accordionItemTitleColor: '--plasma-accordion-item-title-color',
27
24
  accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
@@ -1,10 +1,4 @@
1
- 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); }
2
1
  var _StyledMinus, _StyledArrow;
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
2
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
9
3
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
4
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -14,7 +8,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
8
  import React, { useState, useRef, useEffect } from 'react';
15
9
  import { convertRoundnessMatrix } from '../../../../utils/roundness';
16
10
  import { classes, tokens } from '../../Accordion.tokens';
17
- import { cx } from '../../../../utils';
18
11
  import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from './AccordionItem.styles';
19
12
  export var AccordionItem = function AccordionItem(_ref) {
20
13
  var _ref2;
@@ -28,13 +21,8 @@ export var AccordionItem = function AccordionItem(_ref) {
28
21
  _ref$type = _ref.type,
29
22
  type = _ref$type === void 0 ? 'sign' : _ref$type,
30
23
  index = _ref.index,
31
- className = _ref.className,
32
- style = _ref.style,
33
24
  eventKey = _ref.eventKey,
34
25
  disabled = _ref.disabled,
35
- _ref$alignWithTitle = _ref.alignWithTitle,
36
- alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
37
- view = _ref.view,
38
26
  onChange = _ref.onChange;
39
27
  var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
40
28
  var _useState = useState(),
@@ -53,7 +41,7 @@ export var AccordionItem = function AccordionItem(_ref) {
53
41
  useEffect(function () {
54
42
  var _leftContentRef$curre, _leftContentRef$curre2;
55
43
  var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
56
- var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
44
+ var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
57
45
  setLeftPadding(leftPaddingBody);
58
46
  }, [value, type, leftContentRef, setLeftPadding]);
59
47
  var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
@@ -77,15 +65,16 @@ export var AccordionItem = function AccordionItem(_ref) {
77
65
  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
78
66
  var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
79
67
  return /*#__PURE__*/React.createElement(StyledAccordionItem, {
80
- className: cx(classes.accordionItem, className, disabledClass),
68
+ className: classes.accordionItem,
81
69
  key: key,
82
- style: _objectSpread({
70
+ style: {
83
71
  borderRadius: accordionBorderRadius
84
- }, style)
72
+ }
85
73
  }, /*#__PURE__*/React.createElement(StyledAccordionHeader, {
86
74
  role: "tab",
87
75
  tabIndex: 0,
88
76
  onClick: handleOpen,
77
+ className: disabledClass,
89
78
  "aria-expanded": value,
90
79
  "aria-controls": "accordion-item-section".concat(key),
91
80
  id: "accordion-item-".concat(key)
@@ -98,11 +87,9 @@ export var AccordionItem = function AccordionItem(_ref) {
98
87
  "aria-labelledby": "accordion-item-".concat(key),
99
88
  "aria-hidden": !value,
100
89
  id: "accordion-item-section".concat(key),
101
- className: cx(openedBodyClass),
90
+ className: openedBodyClass,
102
91
  style: {
103
92
  paddingLeft: "".concat(leftPadding)
104
93
  }
105
- }, /*#__PURE__*/React.createElement(StyledAccordionBody, {
106
- className: classes.accordionItemBody
107
- }, children)));
94
+ }, /*#__PURE__*/React.createElement(StyledAccordionBody, null, children)));
108
95
  };
@@ -4,8 +4,8 @@ import styled from 'styled-components';
4
4
  import { IconChevronDownFill, IconMinus } from '../../../_Icon';
5
5
  import { classes, tokens } from '../../Accordion.tokens';
6
6
  import { addFocus } from '../../../../mixins';
7
- export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n background: var(", ");\n border: var(", ");\n border-bottom: var(", ");\n\n &:last-child {\n border-bottom: var(", ");\n }\n\n &.", " {\n opacity: 0.4;\n cursor: not-allowed;\n }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
8
- export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 100%;\n border: none;\n padding: var(", ");\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
7
+ export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n background: var(", ");\n border-bottom: var(", ");\n\n &:last-child {\n border-bottom: none;\n }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorderBottom);
8
+ export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 100%;\n border: none;\n padding: var(", ");\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &.", " {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n &:focus {\n outline: none;\n }\n\n ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, classes.accordionDisabled, /*#__PURE__*/addFocus({
9
9
  outlineOffset: '0.125rem',
10
10
  outlineSize: '0.125rem',
11
11
  outlineRadius: '0',
@@ -14,9 +14,9 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 |
14
14
  export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n"])), tokens.accordionItemGap);
15
15
  export var StyledAccordionContentRight = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), classes.accordionItemShowBody);
16
16
  export var StyledAccordionContentLeft = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n"])), classes.accordionItemShowBody);
17
- export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n text-align: left;\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
17
+ export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
18
18
  export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.", " {\n grid-template-rows: 1fr;\n padding-bottom: var(", ");\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n"])), classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
19
- export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n overflow: hidden;\n padding-right: var(", ");\n padding-left: var(", ");\n text-align: left;\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
19
+ export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n overflow: hidden;\n padding-right: var(", ");\n padding-left: var(", ");\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontal);
20
20
  export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n"])), tokens.accordionItemTextColor);
21
21
  export var StyledMinus = /*#__PURE__*/styled(IconMinus)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
22
22
  export var StyledPlus = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n"])));
@@ -1,5 +1,5 @@
1
1
  import { Children, cloneElement, isValidElement } from 'react';
2
- export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, view, disabled, updateValue) {
2
+ export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, disabled, updateValue) {
3
3
  return Children.map(children || [], function (child, index) {
4
4
  if (! /*#__PURE__*/isValidElement(child)) {
5
5
  return child;
@@ -10,13 +10,12 @@ export var updatePropsRecursively = function updatePropsRecursively(children, ac
10
10
  var _child$props$eventKey;
11
11
  return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
12
12
  })) !== -1),
13
- view: view,
14
13
  disabled: disabled,
15
14
  onChange: updateValue
16
15
  };
17
16
  return /*#__PURE__*/cloneElement(child, props);
18
17
  });
19
18
  };
20
- export var getChildren = function getChildren(children, activeIndex, view, disabled, updateValue) {
21
- return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);
19
+ export var getChildren = function getChildren(children, activeIndex, disabled, updateValue) {
20
+ return updatePropsRecursively(children, activeIndex, disabled, updateValue);
22
21
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import ReactDOM from 'react-dom';
3
- /*
3
+ /**
4
4
  * Вспомогательный компонент. Используется в Popup, Popover.
5
5
  * Представляет собой ReactDOM.createPortal() в форме компонента.
6
6
  */
@@ -7,7 +7,7 @@ import { PropsTable, Description } from '@site/src/components';
7
7
 
8
8
  # Portal
9
9
  <Description name="Portal" />
10
- <PropsTable name="Portal" />
10
+ <PropsTable name="Portal" exclude={['css']} />
11
11
 
12
12
  ## Использование
13
13
 
@@ -0,0 +1,58 @@
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
+ };
@@ -0,0 +1,17 @@
1
+ import _styled from "@emotion/styled/base";
2
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
+ import { css } from '@emotion/react';
4
+ import { classes } from './Price.tokens';
5
+ export var base = /*#__PURE__*/css("&.", /*#__PURE__*/String(classes.stroked), "{text-decoration:line-through;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUHJpY2UvUHJpY2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1ByaWNlL1ByaWNlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUHJpY2UudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnN0cm9rZWQpfSB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQZXJpb2RpY2l0eSA9IHN0eWxlZC5zcGFuYFxuICAgIHBhZGRpbmctbGVmdDogMC4yNXJlbTtcbmA7XG4iXX0= */"));
6
+ export var StyledPeriodicity = /*#__PURE__*/_styled("span", {
7
+ target: "eklg8nc0",
8
+ label: "plasma-new-hope__StyledPeriodicity"
9
+ })(process.env.NODE_ENV === "production" ? {
10
+ name: "dw047z",
11
+ styles: "padding-left:0.25rem"
12
+ } : {
13
+ name: "dw047z",
14
+ styles: "padding-left:0.25rem",
15
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUHJpY2UvUHJpY2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc0QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1ByaWNlL1ByaWNlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUHJpY2UudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnN0cm9rZWQpfSB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQZXJpb2RpY2l0eSA9IHN0eWxlZC5zcGFuYFxuICAgIHBhZGRpbmctbGVmdDogMC4yNXJlbTtcbmA7XG4iXX0= */",
16
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
17
+ });
@@ -0,0 +1,24 @@
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
+ ```
@@ -0,0 +1,3 @@
1
+ export var classes = {
2
+ stroked: 'stroked'
3
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ export { priceRoot, priceConfig } from './Price';
2
+ export { classes as priceClasses } from './Price.tokens';
@@ -0,0 +1,15 @@
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
+ };
@@ -0,0 +1,2 @@
1
+ import { css } from '@emotion/react';
2
+ export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUHJpY2UvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1ByaWNlL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));