@salutejs/plasma-new-hope 0.108.0-dev.0 → 0.109.0-canary.1307.10007939015.0

package/cjs/components/Portal/Portal.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ReactDOM = require('react-dom');
 
-/*
+/**
  * Вспомогательный компонент. Используется в Popup, Popover.
  * Представляет собой ReactDOM.createPortal() в форме компонента.
  */

package/cjs/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { PortalProps } from './Portal.types';\n\n/*\n * Вспомогательный компонент. Используется в Popup, Popover.\n * Представляет собой ReactDOM.createPortal() в форме компонента.\n */\nexport const Portal = ({ children, container, disabled = false }: PortalProps) => {\n    const portalContainer = typeof container === 'function' ? container() : container;\n\n    return (\n        <>\n            {disabled && children}\n            {!disabled && ReactDOM.createPortal(children, portalContainer)}\n        </>\n    );\n};\n"],"names":["Portal","_ref","children","container","_ref$disabled","disabled","portalContainer","React","createElement","Fragment","ReactDOM","createPortal"],"mappings":";;;;;;;AAKA;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAA+D;AAAA,EAAA,IAAzDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA,CAAA;EAC1D,IAAME,eAAe,GAAG,OAAOH,SAAS,KAAK,UAAU,GAAGA,SAAS,EAAE,GAAGA,SAAS,CAAA;EAEjF,oBACII,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACKJ,IAAAA,EAAAA,QAAQ,IAAIH,QAAQ,EACpB,CAACG,QAAQ,iBAAIK,QAAQ,CAACC,YAAY,CAACT,QAAQ,EAAEI,eAAe,CAC/D,CAAC,CAAA;AAEX;;;;"}
+{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { PortalProps } from './Portal.types';\n\n/**\n * Вспомогательный компонент. Используется в Popup, Popover.\n * Представляет собой ReactDOM.createPortal() в форме компонента.\n */\nexport const Portal: FC<PortalProps> = ({ children, container, disabled = false }) => {\n    const portalContainer = typeof container === 'function' ? container() : container;\n\n    return (\n        <>\n            {disabled && children}\n            {!disabled && ReactDOM.createPortal(children, portalContainer)}\n        </>\n    );\n};\n"],"names":["Portal","_ref","children","container","_ref$disabled","disabled","portalContainer","React","createElement","Fragment","ReactDOM","createPortal"],"mappings":";;;;;;;AAKA;AACA;AACA;AACA;IACaA,MAAuB,GAAG,SAA1BA,MAAuBA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA,CAAA;EAC3E,IAAME,eAAe,GAAG,OAAOH,SAAS,KAAK,UAAU,GAAGA,SAAS,EAAE,GAAGA,SAAS,CAAA;EAEjF,oBACII,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACKJ,IAAAA,EAAAA,QAAQ,IAAIH,QAAQ,EACpB,CAACG,QAAQ,iBAAIK,QAAQ,CAACC,YAAY,CAACT,QAAQ,EAAEI,eAAe,CAC/D,CAAC,CAAA;AAEX;;;;"}

package/cjs/components/Price/Price.css

@@ -0,0 +1,2 @@
+.Price_styles_15b4mp1_bvvzdh4__4d09fd16.Price_styles_15b4mp1_stroked__4d09fd16{-webkit-text-decoration:line-through;text-decoration:line-through;}
+.Price_styles_15b4mp1_sqvsx17__4d09fd16{padding-left:0.25rem;}

package/cjs/components/Price/Price.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../utils/index.js');
+var formatCurrency = require('./utils/formatCurrency.js');
+var Price_styles = require('./Price.styles.js');
+var base = require('./variations/_view/base.js');
+var Price_tokens = require('./Price.tokens.js');
+
+var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
+
+/**
+ * Компонент для отображения цены / стоимости / суммы.
+ */
+var priceRoot = function priceRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var children = _ref.children,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+      _ref$currency = _ref.currency,
+      currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
+      _ref$minimumFractionD = _ref.minimumFractionDigits,
+      minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
+      _ref$stroked = _ref.stroked,
+      stroked = _ref$stroked === void 0 ? false : _ref$stroked,
+      periodicity = _ref.periodicity,
+      view = _ref.view,
+      className = _ref.className,
+      _ref$stroke = _ref.stroke,
+      stroke = _ref$stroke === void 0 ? false : _ref$stroke,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var strokedClass = stroked || stroke ? Price_tokens.classes.stroked : undefined;
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      view: view,
+      ref: outerRootRef,
+      className: index.cx(strokedClass, className)
+    }, rest), formatCurrency.formatCurrency({
+      value: children,
+      locale: locale,
+      currency: currency,
+      minimumFractionDigits: minimumFractionDigits
+    }), periodicity && /*#__PURE__*/React.createElement(Price_styles.StyledPeriodicity, null, periodicity));
+  });
+};
+var priceConfig = {
+  name: 'Price',
+  tag: 'span',
+  layout: priceRoot,
+  base: Price_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    }
+  },
+  defaults: {
+    view: 'default'
+  }
+};
+
+exports.priceConfig = priceConfig;
+exports.priceRoot = priceRoot;
+//# sourceMappingURL=Price.js.map

package/cjs/components/Price/Price.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.js","sources":["../../../src/components/Price/Price.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { formatCurrency } from './utils/formatCurrency';\nimport { PriceProps } from './Price.types';\nimport { base, StyledPeriodicity } from './Price.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { classes } from './Price.tokens';\n\n/**\n * Компонент для отображения цены / стоимости / суммы.\n */\nexport const priceRoot = (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) =>\n    forwardRef<HTMLSpanElement, PriceProps>(\n        (\n            {\n                children,\n                locale = 'ru',\n                currency = 'rub',\n                minimumFractionDigits = 0,\n                stroked = false,\n                periodicity,\n                view,\n                className,\n                stroke = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const strokedClass = stroked || stroke ? classes.stroked : undefined;\n\n            return (\n                <Root view={view} ref={outerRootRef} className={cx(strokedClass, className)} {...rest}>\n                    {formatCurrency({ value: children, locale, currency, minimumFractionDigits })}\n                    {periodicity && <StyledPeriodicity>{periodicity}</StyledPeriodicity>}\n                </Root>\n            );\n        },\n    );\n\nexport const priceConfig = {\n    name: 'Price',\n    tag: 'span',\n    layout: priceRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["priceRoot","Root","forwardRef","_ref","outerRootRef","children","_ref$locale","locale","_ref$currency","currency","_ref$minimumFractionD","minimumFractionDigits","_ref$stroked","stroked","periodicity","view","className","_ref$stroke","stroke","rest","_objectWithoutProperties","_excluded","strokedClass","classes","undefined","React","createElement","_extends","ref","cx","formatCurrency","value","StyledPeriodicity","priceConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAWA;AACA;AACA;IACaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA8D,EAAA;AAAA,EAAA,oBACpFC,gBAAU,CACN,UAAAC,IAAA,EAaIC,YAAY,EACX;AAAA,IAAA,IAZGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,WAAA;MAAAE,aAAA,GAAAL,IAAA,CACbM,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAP,IAAA,CAChBQ,qBAAqB;AAArBA,MAAAA,qBAAqB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA;MAAAE,YAAA,GAAAT,IAAA,CACzBU,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,WAAW,GAAAX,IAAA,CAAXW,WAAW;MACXC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,SAAS,GAAAb,IAAA,CAATa,SAAS;MAAAC,WAAA,GAAAd,IAAA,CACTe,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;AACXE,MAAAA,IAAI,GAAAC,iDAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;IAIX,IAAMC,YAAY,GAAGT,OAAO,IAAIK,MAAM,GAAGK,oBAAO,CAACV,OAAO,GAAGW,SAAS,CAAA;AAEpE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA0B,iCAAA,CAAA;AAACZ,MAAAA,IAAI,EAAEA,IAAK;AAACa,MAAAA,GAAG,EAAExB,YAAa;AAACY,MAAAA,SAAS,EAAEa,QAAE,CAACP,YAAY,EAAEN,SAAS,CAAA;KAAOG,EAAAA,IAAI,CAChFW,EAAAA,6BAAc,CAAC;AAAEC,MAAAA,KAAK,EAAE1B,QAAQ;AAAEE,MAAAA,MAAM,EAANA,MAAM;AAAEE,MAAAA,QAAQ,EAARA,QAAQ;AAAEE,MAAAA,qBAAqB,EAArBA,qBAAAA;AAAsB,KAAC,CAAC,EAC5EG,WAAW,iBAAIW,KAAA,CAAAC,aAAA,CAACM,8BAAiB,EAAA,IAAA,EAAElB,WAA+B,CACjE,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMmB,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,MAAM;AACXC,EAAAA,MAAM,EAAEpC,SAAS;AACjBqC,EAAAA,IAAI,EAAJA,iBAAI;AACJC,EAAAA,UAAU,EAAE;AACRvB,IAAAA,IAAI,EAAE;AACFwB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN1B,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Price/Price.styles.js

@@ -0,0 +1,17 @@
+import './Price.styles_15b4mp1.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var base = "bvvzdh4";
+var StyledPeriodicity = /*#__PURE__*/react.styled('span')({
+  name: "StyledPeriodicity",
+  "class": "sqvsx17",
+  propsAsIs: false
+});
+
+exports.StyledPeriodicity = StyledPeriodicity;
+exports.base = base;
+//# sourceMappingURL=Price.styles.js.map

package/cjs/components/Price/Price.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.styles.js","sources":["../../../src/components/Price/Price.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { classes } from './Price.tokens';\n\nexport const base = css`\n    &.${String(classes.stroked)} {\n        text-decoration: line-through;\n    }\n`;\n\nexport const StyledPeriodicity = styled.span`\n    padding-left: 0.25rem;\n`;\n"],"names":["base","StyledPeriodicity","styled","name","class","propsAsIs"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAIhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC;;;;;"}

package/cjs/components/Price/Price.styles_15b4mp1.css

@@ -0,0 +1,2 @@
+.bvvzdh4.stroked{-webkit-text-decoration:line-through;text-decoration:line-through;}
+.sqvsx17{padding-left:0.25rem;}

package/cjs/components/Price/Price.tokens.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  stroked: 'stroked'
+};
+
+exports.classes = classes;
+//# sourceMappingURL=Price.tokens.js.map

package/cjs/components/Price/Price.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.tokens.js","sources":["../../../src/components/Price/Price.tokens.ts"],"sourcesContent":["export const classes = {\n    stroked: 'stroked',\n};\n"],"names":["classes","stroked"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,SAAA;AACb;;;;"}

package/cjs/components/Price/utils/formatCurrency.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Форматирование числа в цену.
+ */
+var formatCurrency = function formatCurrency(_ref) {
+  var value = _ref.value,
+    locale = _ref.locale,
+    currency = _ref.currency,
+    minimumFractionDigits = _ref.minimumFractionDigits;
+  var formatter = new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency,
+    minimumFractionDigits: minimumFractionDigits
+  });
+  return formatter.format(value);
+};
+
+exports.formatCurrency = formatCurrency;
+//# sourceMappingURL=formatCurrency.js.map

package/cjs/components/Price/utils/formatCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatCurrency.js","sources":["../../../../src/components/Price/utils/formatCurrency.ts"],"sourcesContent":["/**\n * Форматирование числа в цену.\n */\nexport const formatCurrency = ({\n    value,\n    locale,\n    currency,\n    minimumFractionDigits,\n}: {\n    value: number;\n    locale: string;\n    currency: string;\n    minimumFractionDigits: number;\n}): string => {\n    const formatter = new Intl.NumberFormat(locale, {\n        style: 'currency',\n        currency,\n        minimumFractionDigits,\n    });\n\n    return formatter.format(value);\n};\n"],"names":["formatCurrency","_ref","value","locale","currency","minimumFractionDigits","formatter","Intl","NumberFormat","style","format"],"mappings":";;;;AAAA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAUb;AAAA,EAAA,IATVC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB,CAAA;EAOrB,IAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,YAAY,CAACL,MAAM,EAAE;AAC5CM,IAAAA,KAAK,EAAE,UAAU;AACjBL,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,qBAAqB,EAArBA,qBAAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOC,SAAS,CAACI,MAAM,CAACR,KAAK,CAAC,CAAA;AAClC;;;;"}

package/cjs/components/Price/variations/_view/base.js

@@ -0,0 +1,9 @@
+import './base_x642ct.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bw57nfe";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Price/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Price/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Price/variations/_view/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/index.css

@@ -619,3 +619,6 @@
 
 .RangeDatePopover_styles_wp3vfj_s1ld9lms__b4a8d387{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
 .RangeDatePopover_styles_wp3vfj_s1rn242y__b4a8d387{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
+
+.Price_styles_15b4mp1_bvvzdh4__4d09fd16.Price_styles_15b4mp1_stroked__4d09fd16{-webkit-text-decoration:line-through;text-decoration:line-through;}
+.Price_styles_15b4mp1_sqvsx17__4d09fd16{padding-left:0.25rem;}

package/cjs/index.js

@@ -186,6 +186,8 @@ var SingleDate = require('./components/DatePicker/SingleDate/SingleDate.js');
 var RangeDate = require('./components/DatePicker/RangeDate/RangeDate.js');
 var DatePicker_tokens = require('./components/DatePicker/DatePicker.tokens.js');
 var Portal = require('./components/Portal/Portal.js');
+var Price = require('./components/Price/Price.js');
+var Price_tokens = require('./components/Price/Price.tokens.js');
 var common = require('./engines/common.js');
 var canUseDOM = require('./utils/canUseDOM.js');
 var extractTextFrom = require('./utils/extractTextFrom.js');
@@ -548,6 +550,9 @@ exports.datePickerRangeRoot = RangeDate.datePickerRangeRoot;
 exports.datePickerClasses = DatePicker_tokens.classes;
 exports.datePickerTokens = DatePicker_tokens.tokens;
 exports.Portal = Portal.Portal;
+exports.priceConfig = Price.priceConfig;
+exports.priceRoot = Price.priceRoot;
+exports.priceClasses = Price_tokens.classes;
 exports.component = common.component;
 exports.mergeConfig = common.mergeConfig;
 exports.canUseDOM = canUseDOM.canUseDOM;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/emotion/cjs/components/Portal/Portal.js

@@ -7,7 +7,7 @@ exports.Portal = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _reactDom = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react-dom"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-/*
+/**
  * Вспомогательный компонент. Используется в Popup, Popover.
  * Представляет собой ReactDOM.createPortal() в форме компонента.
  */

package/emotion/cjs/components/Portal/Portal.template-doc.mdx

@@ -7,7 +7,7 @@ import { PropsTable, Description } from '@site/src/components';
 
 # Portal
 <Description name="Portal" />
-<PropsTable name="Portal" />
+<PropsTable name="Portal" exclude={['css']} />
 
 ## Использование
 

package/emotion/cjs/components/Price/Price.js

@@ -0,0 +1,66 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.priceRoot = exports.priceConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
+var _formatCurrency = /*#__PURE__*/require("./utils/formatCurrency");
+var _Price = /*#__PURE__*/require("./Price.styles");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _Price2 = /*#__PURE__*/require("./Price.tokens");
+var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
+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); }
+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; }
+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); }
+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; }
+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; }
+/**
+ * Компонент для отображения цены / стоимости / суммы.
+ */
+var priceRoot = exports.priceRoot = function priceRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
+    var children = _ref.children,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+      _ref$currency = _ref.currency,
+      currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
+      _ref$minimumFractionD = _ref.minimumFractionDigits,
+      minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
+      _ref$stroked = _ref.stroked,
+      stroked = _ref$stroked === void 0 ? false : _ref$stroked,
+      periodicity = _ref.periodicity,
+      view = _ref.view,
+      className = _ref.className,
+      _ref$stroke = _ref.stroke,
+      stroke = _ref$stroke === void 0 ? false : _ref$stroke,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var strokedClass = stroked || stroke ? _Price2.classes.stroked : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      view: view,
+      ref: outerRootRef,
+      className: (0, _utils.cx)(strokedClass, className)
+    }, rest), (0, _formatCurrency.formatCurrency)({
+      value: children,
+      locale: locale,
+      currency: currency,
+      minimumFractionDigits: minimumFractionDigits
+    }), periodicity && /*#__PURE__*/_react["default"].createElement(_Price.StyledPeriodicity, null, periodicity));
+  });
+};
+var priceConfig = exports.priceConfig = {
+  name: 'Price',
+  tag: 'span',
+  layout: priceRoot,
+  base: _Price.base,
+  variations: {
+    view: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    view: 'default'
+  }
+};

package/emotion/cjs/components/Price/Price.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.StyledPeriodicity = void 0;
+var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Price = /*#__PURE__*/require("./Price.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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)."; }
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", /*#__PURE__*/String(_Price.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= */"));
+var StyledPeriodicity = exports.StyledPeriodicity = /*#__PURE__*/(0, _base["default"])("span", {
+  target: "eklg8nc0",
+  label: "plasma-new-hope__StyledPeriodicity"
+})(process.env.NODE_ENV === "production" ? {
+  name: "dw047z",
+  styles: "padding-left:0.25rem"
+} : {
+  name: "dw047z",
+  styles: "padding-left:0.25rem",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUHJpY2UvUHJpY2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc0QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1ByaWNlL1ByaWNlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUHJpY2UudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnN0cm9rZWQpfSB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQZXJpb2RpY2l0eSA9IHN0eWxlZC5zcGFuYFxuICAgIHBhZGRpbmctbGVmdDogMC4yNXJlbTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/emotion/cjs/components/Price/Price.template-doc.mdx

@@ -0,0 +1,24 @@
+---
+id: price
+title: Price
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+# Price
+<Description name="Price" />
+<PropsTable name="Price" exclude={['css']} />
+
+```tsx live
+import React from 'react';
+import { Price } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div style=\{{ display: 'flex', flexDirection: 'column' }}>
+            <Price currency="rub" minimumFractionDigits={3}>12345.67</Price>
+            <Price locale="en" currency="rub" minimumFractionDigits={3} stroked>12345.67</Price>
+        </div>
+    );
+}
+```

package/emotion/cjs/components/Price/Price.tokens.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classes = void 0;
+var classes = exports.classes = {
+  stroked: 'stroked'
+};

package/emotion/cjs/components/Price/Price.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/emotion/cjs/components/Price/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "priceClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Price2.classes;
+  }
+});
+Object.defineProperty(exports, "priceConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Price.priceConfig;
+  }
+});
+Object.defineProperty(exports, "priceRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Price.priceRoot;
+  }
+});
+var _Price = /*#__PURE__*/require("./Price");
+var _Price2 = /*#__PURE__*/require("./Price.tokens");

package/emotion/cjs/components/Price/utils/formatCurrency.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatCurrency = void 0;
+/**
+ * Форматирование числа в цену.
+ */
+var formatCurrency = exports.formatCurrency = function formatCurrency(_ref) {
+  var value = _ref.value,
+    locale = _ref.locale,
+    currency = _ref.currency,
+    minimumFractionDigits = _ref.minimumFractionDigits;
+  var formatter = new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency,
+    minimumFractionDigits: minimumFractionDigits
+  });
+  return formatter.format(value);
+};

package/emotion/cjs/components/Price/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUHJpY2UvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1ByaWNlL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));

package/emotion/cjs/components/Price/variations/_view/tokens.json

@@ -0,0 +1 @@
+[]

package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var config = exports.config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {}
+  }
+};

package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Price = void 0;
+Object.defineProperty(exports, "priceClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Price.priceClasses;
+  }
+});
+var _Price = /*#__PURE__*/require("../../../../components/Price");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Price2 = /*#__PURE__*/require("./Price.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Price.priceConfig, _Price2.config);
+var Price = exports.Price = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx

@@ -0,0 +1,38 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Price } from './Price';
+
+const currencies = ['rub', 'usd', 'eur'];
+
+const meta: Meta<typeof Price> = {
+    title: 'plasma_b2c/Price',
+    decorators: [WithTheme],
+    argTypes: {
+        currency: {
+            options: currencies,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
+    },
+};
+
+export default meta;
+
+type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
+
+export const Default: StoryObj<StoryPriceProps> = {
+    args: {
+        locale: 'ru',
+        currency: 'rub',
+        stroked: false,
+        minimumFractionDigits: 0,
+        priceLabel: 12345.67,
+    },
+    render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
+};

package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var config = exports.config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {}
+  }
+};

package/emotion/cjs/examples/plasma_web/components/Price/Price.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Price = void 0;
+Object.defineProperty(exports, "priceClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Price.priceClasses;
+  }
+});
+var _Price = /*#__PURE__*/require("../../../../components/Price");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Price2 = /*#__PURE__*/require("./Price.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Price.priceConfig, _Price2.config);
+var Price = exports.Price = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx

@@ -0,0 +1,38 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Price } from './Price';
+
+const currencies = ['rub', 'usd', 'eur'];
+
+const meta: Meta<typeof Price> = {
+    title: 'plasma_web/Price',
+    decorators: [WithTheme],
+    argTypes: {
+        currency: {
+            options: currencies,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
+    },
+};
+
+export default meta;
+
+type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
+
+export const Default: StoryObj<StoryPriceProps> = {
+    args: {
+        locale: 'ru',
+        currency: 'rub',
+        stroked: false,
+        minimumFractionDigits: 0,
+        priceLabel: 12345.67,
+    },
+    render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
+};