@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0

package/dist/styled-components/es/plasmaCore/components/Button/Button.mixins.js

@@ -0,0 +1,35 @@
+import { css } from "styled-components";
+import { addFocus } from "../../utils/mixins";
+import { convertRoundnessMatrix } from "../../utils/utils";
+/**
+ * Создание специализированного миксина со своими размерами и типографикой.
+ * @param {Record<string, object>} sizes
+ * @param {Record<string, object>} typos
+ */ export const getButtonSizesMixin = (sizes, typos)=>({ size, pin, outlined, focused, $isContentLeft: isContentLeft, $isContentRight: isContentRight, shiftLeft, shiftRight, square, stretch, theme })=>{
+        let { paddingX } = sizes[size];
+        if (square) {
+            paddingX = sizes[size].paddingY;
+        } else if (stretch) {
+            paddingX = sizes[size].paddingStretchX;
+        } else if (isContentLeft || isContentRight) {
+            paddingX = sizes[size].paddingContentX;
+        }
+        return css([
+            `height:`,
+            `;padding:`,
+            ` `,
+            `;border-radius:`,
+            `;`,
+            ` `,
+            ` `,
+            ` `,
+            ` `,
+            ` `,
+            ``
+        ], sizes[size].height, sizes[size].paddingY, paddingX, convertRoundnessMatrix(pin, sizes[size].radius, sizes[size].radiusCircle), stretch && 'width: 100%;', square && ` width: ${sizes[size].height};`, shiftLeft && `margin-left: calc(-1 * ${paddingX});`, shiftRight && `margin-right: calc(-1 * ${paddingX});`, typos[size], addFocus({
+            ...theme,
+            focused,
+            outlined,
+            outlineRadius: convertRoundnessMatrix(pin, `calc(${sizes[size].radius} + var(--plasma-outline-size))`, `calc(${sizes[size].radiusCircle} + var(--plasma-outline-size))`)
+        }));
+    };

package/dist/styled-components/es/plasmaCore/components/Button/Button.props.js

@@ -0,0 +1,52 @@
+import { views } from "../../utils/mixins";
+import { button1, button2 } from "../../utils/tokens";
+/**
+ * Цветовые виды.
+ */ export const buttonViews = {
+    primary: views.primary,
+    secondary: views.secondary,
+    success: views.success,
+    warning: views.warning,
+    critical: views.critical,
+    checked: views.checked,
+    overlay: views.overlay,
+    clear: views.clear
+};
+/**
+ * Размеры в rem в соответствии с дизайном.
+ */ export const buttonSizes = {
+    l: {
+        height: 'var(--plasma-button-l-height)',
+        paddingY: 'var(--plasma-button-l-padding-y)',
+        paddingX: 'var(--plasma-button-l-padding-x)',
+        paddingContentX: 'var(--plasma-button-l-padding-content-x)',
+        paddingStretchX: 'var(--plasma-button-l-padding-stretch-x)',
+        radius: 'var(--plasma-button-l-radius)',
+        radiusCircle: 'var(--plasma-button-l-radius-circle)'
+    },
+    m: {
+        height: 'var(--plasma-button-m-height)',
+        paddingY: 'var(--plasma-button-m-padding-y)',
+        paddingX: 'var(--plasma-button-m-padding-x)',
+        paddingContentX: 'var(--plasma-button-m-padding-content-x)',
+        paddingStretchX: 'var(--plasma-button-m-padding-stretch-x)',
+        radius: 'var(--plasma-button-m-radius)',
+        radiusCircle: 'var(--plasma-button-m-radius-circle)'
+    },
+    s: {
+        height: 'var(--plasma-button-s-height)',
+        paddingY: 'var(--plasma-button-s-padding-y)',
+        paddingX: 'var(--plasma-button-s-padding-x)',
+        paddingContentX: 'var(--plasma-button-s-padding-content-x)',
+        paddingStretchX: 'var(--plasma-button-s-padding-stretch-x)',
+        radius: 'var(--plasma-button-s-radius)',
+        radiusCircle: 'var(--plasma-button-s-radius-circle)'
+    }
+};
+/**
+ * Размеры типографики кнопки.
+ */ export const buttonTypography = {
+    l: button1,
+    m: button1,
+    s: button2
+};

package/dist/styled-components/es/plasmaCore/components/Button/Button.types.js

@@ -0,0 +1,3 @@
+/**
+ * @private
+ */ export { };

package/dist/styled-components/es/plasmaCore/components/Button/createButton.js

@@ -0,0 +1,32 @@
+import React, { forwardRef } from "react";
+import { ButtonContentWrapper, ButtonLoader, ButtonRoot, ButtonText, StyledSpinner } from "./Button";
+/**
+ * Функция для создания компонента Button,
+ * что дает возможность кастомизировать вид, пропсы и т.п.,
+ * при этом сохраняя в базе общий интерфейс.
+ */ export function createButton(Root = ButtonRoot) {
+    // eslint-disable-next-line prefer-arrow-callback
+    return /*#__PURE__*/ forwardRef(function Button({ children, text, contentLeft, contentRight, square, deviceScale, loader = /*#__PURE__*/ React.createElement(StyledSpinner, {
+        color: "currentColor",
+        size: 56,
+        deviceScale: deviceScale
+    }), disabled, isLoading, type = 'button', ...rest }, ref) {
+        const isContentLeft = Boolean(contentLeft);
+        const isContentRight = Boolean(contentRight);
+        return /*#__PURE__*/ React.createElement(Root, {
+            ref: ref,
+            type: type,
+            $isContentLeft: isContentLeft,
+            $isContentRight: isContentRight,
+            $isLoading: isLoading,
+            disabled: isLoading || disabled,
+            square: square !== undefined ? square : !text && !children,
+            ...rest
+        }, isLoading && /*#__PURE__*/ React.createElement(ButtonLoader, null, loader), /*#__PURE__*/ React.createElement(ButtonContentWrapper, {
+            $isLoading: isLoading
+        }, children, !children && contentLeft, !children && text && /*#__PURE__*/ React.createElement(ButtonText, {
+            $isContentLeft: isContentLeft,
+            $isContentRight: isContentRight
+        }, text), !children && contentRight));
+    });
+}

package/dist/styled-components/es/plasmaCore/components/Button/index.js

@@ -0,0 +1,4 @@
+export { Button, ButtonRoot } from "./Button";
+export { buttonViews, buttonSizes, buttonTypography } from "./Button.props";
+export { getButtonSizesMixin } from "./Button.mixins";
+export { createButton } from "./createButton";

package/dist/styled-components/es/plasmaCore/components/Card/Card.js

@@ -0,0 +1,47 @@
+import React from "react";
+import styled, { css } from "styled-components";
+import { surfaceCard } from "../../utils/tokens";
+import { addFocus, applyDisabled, applyRoundness, radiuses, syntheticFocus } from "../../utils/mixins";
+import { Body1 } from "../Typography";
+// В этих константах задаем размеры в em, чтобы не зависеть напрямую от пикселей
+// В то же время в числителях - значения в пикселях, взятые из макета
+const fontSize = 16;
+const shadowOffset = 8 / fontSize;
+const shadowSize = 24 / fontSize;
+const outlineSize = 2 / fontSize;
+const DEFAULT_ROUNDNESS = 20;
+export const StyledCard = styled(Body1).withConfig({
+    displayName: "Card__StyledCard",
+    componentId: "sc-4079cb4d-0"
+})([
+    ``,
+    ` `,
+    `;position:relative;display:flex;box-sizing:border-box;flex-direction:column;flex-shrink:0;background:`,
+    `;box-shadow:0 `,
+    `em `,
+    `em rgba(0,0,0,0.1);transition:`,
+    `;`,
+    ``
+], applyDisabled, applyRoundness, surfaceCard, shadowOffset, shadowSize, ({ theme })=>theme.lowPerformance ? 'unset' : 'transform 0.4s ease-in-out', ({ focused, outlined, roundness, scaleOnFocus, theme })=>css([
+        ``,
+        ` `,
+        ` &:focus{outline:none;}`
+    ], addFocus({
+        lowPerformance: theme.lowPerformance,
+        focused,
+        outlined,
+        outlineSize: `${outlineSize}rem`,
+        outlineRadius: `${radiuses[roundness] + outlineSize}rem`
+    }), scaleOnFocus && syntheticFocus(css([
+        `&{transform:scale(1.04);}`
+    ]), focused)));
+/**
+ * Контейнер со скругленными углами с возможностью фокусировки на нем.
+ */ // eslint-disable-next-line prefer-arrow-callback
+export const Card = /*#__PURE__*/ React.forwardRef(function Card({ roundness = DEFAULT_ROUNDNESS, children, ...rest }, ref) {
+    return /*#__PURE__*/ React.createElement(StyledCard, {
+        ref: ref,
+        roundness: roundness,
+        ...rest
+    }, children);
+});

package/dist/styled-components/es/plasmaCore/components/Card/CardBody.js

@@ -0,0 +1,11 @@
+import React from "react";
+import styled from "styled-components";
+/**
+ * Помещается в ``<Card />`` и скругляет рамки содержимого внутри него.
+ * Обязательно к использованию для корректного отображения скругленных углов контента.
+ */ export const CardBody = styled.div.withConfig({
+    displayName: "CardBody",
+    componentId: "sc-24f3a93d-0"
+})([
+    `position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;box-sizing:content-box;width:100%;border-radius:inherit;`
+]);

package/dist/styled-components/es/plasmaCore/components/Card/CardContent.js

@@ -0,0 +1,20 @@
+import React from "react";
+import styled, { css } from "styled-components";
+/**
+ * Компонент для отображения как текстового, так и любого другого контента.
+ */ export const CardContent = styled.div.withConfig({
+    displayName: "CardContent",
+    componentId: "sc-f914b5c5-0"
+})([
+    `display:flex;flex-direction:column;position:relative;box-sizing:border-box;padding:`,
+    `rem 1rem;border-radius:inherit;`,
+    ` `,
+    ``
+], ({ compact })=>compact ? 0.375 : 1, ({ disabled })=>disabled && css([
+        `opacity:0.5;`
+    ]), ({ cover, coverGradient = true })=>cover && css([
+        `position:absolute;top:0;left:0;right:0;bottom:0;justify-content:flex-end;`,
+        `;`
+    ], coverGradient && css([
+        `background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%);`
+    ])));

package/dist/styled-components/es/plasmaCore/components/Card/CardMedia.js

@@ -0,0 +1,35 @@
+import React from "react";
+import styled, { css } from "styled-components";
+import { Image } from "../Image";
+const StyledImage = styled(Image).withConfig({
+    displayName: "CardMedia__StyledImage",
+    componentId: "sc-636df49e-0"
+})([
+    `background-size:cover;`,
+    ``
+], ({ $disabled })=>$disabled && css([
+        `opacity:0.5;`
+    ]));
+const StyledRoot = styled.div.withConfig({
+    displayName: "CardMedia__StyledRoot",
+    componentId: "sc-636df49e-1"
+})([
+    `position:relative;`
+]);
+/**
+ * Компонент для отображения картинок.
+ */ export const CardMedia = ({ disabled, placeholder, style, children, className, ...props })=>{
+    const imgStyle = {
+        ...style
+    };
+    if (placeholder && !props.src) {
+        imgStyle.backgroundImage = `url('${placeholder}')`;
+    }
+    return /*#__PURE__*/ React.createElement(StyledRoot, {
+        className: className
+    }, /*#__PURE__*/ React.createElement(StyledImage, {
+        $disabled: disabled,
+        style: imgStyle,
+        ...props
+    }), children);
+};

package/dist/styled-components/es/plasmaCore/components/Card/CardPrice.js

@@ -0,0 +1,40 @@
+import React from "react"; // eslint-disable-line
+import styled from "styled-components";
+import { buttonAccent, primary, tertiary } from "../../utils/tokens";
+import { Price } from "../Price";
+import { Body2 } from "../Typography";
+const StyledRoot = styled(Body2).withConfig({
+    displayName: "CardPrice__StyledRoot",
+    componentId: "sc-d49f8b89-0"
+})([
+    `display:flex;box-sizing:border-box;margin-top:0.75rem;`
+]);
+const StyledPrice = styled(Price).withConfig({
+    displayName: "CardPrice__StyledPrice",
+    componentId: "sc-d49f8b89-1"
+})([
+    `height:2.5rem;color:`,
+    `;`
+], primary);
+const StyledOldPrice = styled(Price).withConfig({
+    displayName: "CardPrice__StyledOldPrice",
+    componentId: "sc-d49f8b89-2"
+})([
+    `height:2.5rem;margin-left:0.5rem;color:`,
+    `;`
+], tertiary);
+const StyledCount = styled(Body2).withConfig({
+    displayName: "CardPrice__StyledCount",
+    componentId: "sc-d49f8b89-3"
+})([
+    `box-sizing:border-box;height:2.5rem;margin-left:0.5rem;color:`,
+    `;`
+], buttonAccent);
+export const CardPrice = ({ count, currency, oldPrice, price, ...rest })=>{
+    return /*#__PURE__*/ React.createElement(StyledRoot, rest, /*#__PURE__*/ React.createElement(StyledPrice, {
+        currency: currency
+    }, price), oldPrice && /*#__PURE__*/ React.createElement(StyledOldPrice, {
+        currency: currency,
+        stroke: true
+    }, oldPrice), count ? /*#__PURE__*/ React.createElement(StyledCount, null, "×", count) : '');
+};

package/dist/styled-components/es/plasmaCore/components/Card/CardTypography.js

@@ -0,0 +1,85 @@
+/* stylelint-disable */ // TODO:
+import styled, { css } from "styled-components";
+import { primary, secondary, tertiary } from "../../utils/tokens";
+import { Body1, Body2, ParagraphText1, ParagraphText2, Headline1, Headline2, Headline3, Footnote1, Footnote2 } from "../Typography";
+const views = {
+    primary,
+    secondary,
+    tertiary
+};
+const linesMixin = ({ lines = 2 })=>css([
+        `display:-webkit-box;overflow:hidden;box-sizing:border-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:`,
+        `;`
+    ], lines);
+const viewMixin = ({ view = 'primary' })=>css([
+        `transition:`,
+        `;color:`,
+        `;`
+    ], ({ theme })=>theme.lowPerformance ? 'unset' : 'color 0.1s ease-in-out', views[view]);
+export const CardHeadline1 = styled(Headline1).withConfig({
+    displayName: "CardTypography__CardHeadline1",
+    componentId: "sc-a0a01f21-0"
+})([
+    ``,
+    `;`
+], viewMixin);
+export const CardHeadline2 = styled(Headline2).withConfig({
+    displayName: "CardTypography__CardHeadline2",
+    componentId: "sc-a0a01f21-1"
+})([
+    ``,
+    `;`
+], viewMixin);
+export const CardHeadline3 = styled(Headline3).withConfig({
+    displayName: "CardTypography__CardHeadline3",
+    componentId: "sc-a0a01f21-2"
+})([
+    ``,
+    `;`
+], viewMixin);
+export const CardFootnote1 = styled(Footnote1).withConfig({
+    displayName: "CardTypography__CardFootnote1",
+    componentId: "sc-a0a01f21-3"
+})([
+    ``,
+    `;`
+], viewMixin);
+export const CardFootnote2 = styled(Footnote2).withConfig({
+    displayName: "CardTypography__CardFootnote2",
+    componentId: "sc-a0a01f21-4"
+})([
+    ``,
+    `;`
+], viewMixin);
+export const CardBody1 = styled(Body1).withConfig({
+    displayName: "CardTypography__CardBody1",
+    componentId: "sc-a0a01f21-5"
+})([
+    ``,
+    `;`,
+    `;`
+], linesMixin, viewMixin);
+export const CardBody2 = styled(Body2).withConfig({
+    displayName: "CardTypography__CardBody2",
+    componentId: "sc-a0a01f21-6"
+})([
+    ``,
+    `;`,
+    `;`
+], linesMixin, viewMixin);
+export const CardParagraph1 = styled(ParagraphText1).withConfig({
+    displayName: "CardTypography__CardParagraph1",
+    componentId: "sc-a0a01f21-7"
+})([
+    ``,
+    `;`,
+    `;`
+], linesMixin, viewMixin);
+export const CardParagraph2 = styled(ParagraphText2).withConfig({
+    displayName: "CardTypography__CardParagraph2",
+    componentId: "sc-a0a01f21-8"
+})([
+    ``,
+    `;`,
+    `;`
+], linesMixin, viewMixin);

package/dist/styled-components/es/plasmaCore/components/Card/index.js

@@ -0,0 +1,6 @@
+export { Card, StyledCard } from "./Card";
+export { CardBody } from "./CardBody";
+export { CardContent } from "./CardContent";
+export { CardMedia } from "./CardMedia";
+export { CardPrice } from "./CardPrice";
+export * from "./CardTypography";

package/dist/styled-components/es/plasmaCore/components/Field/Field.js

@@ -0,0 +1,71 @@
+import styled, { css } from "styled-components";
+import { applyEllipsis, applyDisabled } from "../../utils/mixins";
+import { secondary, tertiary, body1, caption } from "../../utils/tokens";
+import { fieldStatuses } from "./Field.statuses";
+/**
+ * Common dynamic placeholder.
+ */ export const FieldPlaceholder = styled.label.withConfig({
+    displayName: "Field__FieldPlaceholder",
+    componentId: "sc-a0ceaa40-0"
+})([
+    `position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;color:`,
+    `;pointer-events:none;transition:`,
+    `;transform-origin:top left;`,
+    ``
+], tertiary, ({ theme })=>theme.lowPerformance ? 'unset' : 'all 0.1s ease-in', applyEllipsis);
+/**
+ * Content wrapper for left and right slots of the field.
+ */ export const FieldContent = styled.div.withConfig({
+    displayName: "Field__FieldContent",
+    componentId: "sc-a0ceaa40-1"
+})([
+    `position:absolute;top:0;`,
+    `;bottom:0;display:flex;align-items:center;height:3rem;`
+], ({ pos })=>pos === 'left' ? 'left: 1rem' : 'right: 1rem');
+/**
+ * An inline block to place a helper text under the form item.
+ */ export const FieldHelper = styled.span.withConfig({
+    displayName: "Field__FieldHelper",
+    componentId: "sc-a0ceaa40-2"
+})([
+    ``,
+    `;display:block;margin-top:0.25rem;`,
+    ``
+], caption, applyEllipsis);
+/**
+ * Common container for singular form item.
+ */ export const FieldRoot = styled.div.withConfig({
+    displayName: "Field__FieldRoot",
+    componentId: "sc-a0ceaa40-3"
+})([
+    ``,
+    `;position:relative;display:block;box-sizing:border-box;color:`,
+    `;`,
+    ` `,
+    ` `,
+    ` `,
+    ``
+], body1, secondary, applyDisabled, ({ $size = 'm' })=>$size === 'l' ? css([
+        ``,
+        `{top:1.125rem;left:1rem;right:1rem;}input:not(:placeholder-shown) ~ `,
+        `{transform:scale(0.75);top:0.375rem;}`,
+        `{height:3.5rem;}`
+    ], FieldPlaceholder, FieldPlaceholder, FieldContent) : css([
+        ``,
+        `{height:3rem;}`
+    ], FieldContent), ({ $isContentLeft, $isContentRight })=>css([
+        `input,textarea{`,
+        `  `,
+        `}`,
+        `{`,
+        `  `,
+        `}`
+    ], $isContentLeft && 'padding-left: 3.125rem;', $isContentRight && 'padding-right: 3.125rem;', FieldPlaceholder, $isContentLeft && 'left: 3.125rem;', $isContentRight && 'right: 3.125rem;'), ({ $isHelper, status })=>status && ($isHelper ? css([
+        ``,
+        `{color:`,
+        `;}`
+    ], FieldHelper, fieldStatuses[status]) : css([
+        ``,
+        `{color:`,
+        `;}`
+    ], FieldPlaceholder, fieldStatuses[status])));

package/dist/styled-components/es/plasmaCore/components/Field/Field.statuses.js

@@ -0,0 +1,11 @@
+import { success, warning, critical, buttonSuccess, buttonWarning, buttonCritical } from "../../utils/tokens";
+export const fieldStatuses = {
+    success,
+    warning,
+    error: critical
+};
+export const fieldBackgroundStatuses = {
+    success: buttonSuccess,
+    warning: buttonWarning,
+    error: buttonCritical
+};

package/dist/styled-components/es/plasmaCore/components/Field/index.js

@@ -0,0 +1,2 @@
+export { FieldRoot, FieldPlaceholder, FieldContent, FieldHelper } from "./Field";
+export { fieldStatuses, fieldBackgroundStatuses } from "./Field.statuses";

package/dist/styled-components/es/plasmaCore/components/Image/Image.js

@@ -0,0 +1,82 @@
+import React from "react";
+import styled, { css } from "styled-components";
+import { toCssSize } from "../../utils/utils";
+const ratios = {
+    '1 / 1': '100',
+    '1/1': '100',
+    '3 / 4': '133.3333',
+    '3/4': '133.3333',
+    '4 / 3': '75',
+    '4/3': '75',
+    '9 / 16': '177.7778',
+    '9/16': '177.7778',
+    '16 / 9': '56.25',
+    '16/9': '56.25',
+    '1 / 2': '200',
+    '1/2': '200',
+    '2 / 1': '50',
+    '2/1': '50'
+};
+const StyledRoot = styled.div.withConfig({
+    displayName: "Image__StyledRoot",
+    componentId: "sc-9972793a-0"
+})([
+    `position:relative;display:block;box-sizing:border-box;overflow:hidden;width:100%;height:inherit;border-radius:inherit;`,
+    ` `,
+    ``
+], ({ $ratio, $customRatio })=>($ratio || $customRatio) && css([
+        `height:0;padding-bottom:`,
+        `%;`
+    ], $ratio ? ratios[$ratio] : $customRatio), ({ $width, $height })=>css([
+        ``,
+        ` `,
+        ``
+    ], $width && `width: ${toCssSize($width)};`, $height && `height: ${toCssSize($height)};`));
+const StyledImg = styled.img.withConfig({
+    displayName: "Image__StyledImg",
+    componentId: "sc-9972793a-1"
+})([
+    `width:100%;`,
+    `;`
+], ({ src, ratio })=>src && ratio && css([
+        `height:100%;object-fit:cover;position:absolute;`
+    ]));
+const StyledDivImg = styled.div.withConfig({
+    displayName: "Image__StyledDivImg",
+    componentId: "sc-9972793a-2"
+})([
+    `width:100%;height:100%;position:absolute;background-position:center;background-size:cover;`
+]);
+/**
+ * Компонент для отображения картинок.
+ */ const ImageBase = ({ src, srcSet, sizes, base = 'img', alt, width, height, ...props })=>{
+    const ratio = 'ratio' in props ? props.ratio : undefined;
+    const customRatio = 'customRatio' in props ? props.customRatio : undefined;
+    return /*#__PURE__*/ React.createElement(StyledRoot, {
+        $ratio: ratio,
+        $customRatio: customRatio,
+        $width: width,
+        $height: height,
+        ...props
+    }, base === 'img' && /*#__PURE__*/ React.createElement(StyledImg, {
+        src: src,
+        srcSet: srcSet,
+        sizes: sizes,
+        alt: alt,
+        ratio: ratio
+    }), base === 'div' && /*#__PURE__*/ React.createElement(StyledDivImg, {
+        style: {
+            backgroundImage: `url(${src})`
+        },
+        role: "img",
+        "aria-label": alt
+    }));
+};
+/**
+ * Компонент для отображения картинок.
+ */ export const Image = styled(ImageBase).withConfig({
+    displayName: "Image",
+    componentId: "sc-9972793a-3"
+})([
+    ``
+]);

package/dist/styled-components/es/plasmaCore/components/Image/index.js

@@ -0,0 +1 @@
+export { Image } from "./Image";

package/dist/styled-components/es/plasmaCore/components/Price/Price.js

@@ -0,0 +1,24 @@
+import React from "react";
+import styled, { css } from "styled-components";
+import { formatCurrency } from "../../utils/utils";
+const StyledPrice = styled.span.withConfig({
+    displayName: "Price__StyledPrice",
+    componentId: "sc-72269d36-0"
+})([
+    ``,
+    `;`
+], ({ $stroke })=>$stroke && css([
+        `text-decoration:line-through;`
+    ]));
+const StyledPeriodicity = styled.span.withConfig({
+    displayName: "Price__StyledPeriodicity",
+    componentId: "sc-72269d36-1"
+})([
+    `padding-left:0.25rem;`
+]);
+/**
+ * Компонент для отображения цены / стоимости / суммы.
+ */ export const Price = ({ children, currency = 'rub', minimumFractionDigits = 0, stroke = false, periodicity, ...rest })=>/*#__PURE__*/ React.createElement(StyledPrice, {
+        $stroke: stroke,
+        ...rest
+    }, formatCurrency(children, currency, minimumFractionDigits), periodicity && /*#__PURE__*/ React.createElement(StyledPeriodicity, null, periodicity));

package/dist/styled-components/es/plasmaCore/components/Price/index.js

@@ -0,0 +1 @@
+export { Price } from "./Price";

package/dist/styled-components/es/plasmaCore/components/Price/types.js

@@ -0,0 +1 @@
+export { };

package/dist/styled-components/es/plasmaCore/components/SSRProvider/SSRProvider.js

@@ -0,0 +1,16 @@
+import React, { createContext } from "react";
+export const SSRContext = /*#__PURE__*/ createContext({
+    uniqId: null
+});
+/**
+ * Провайдер обязателен для использования, необходимо обернуть в него все приложение.
+ *
+ * Используется для корректного озвучивания скринридерами Radiobox и Checkbox компонент.
+ */ export const SSRProvider = ({ children })=>{
+    const value = {
+        uniqId: 0
+    };
+    return /*#__PURE__*/ React.createElement(SSRContext.Provider, {
+        value: value
+    }, children);
+};

package/dist/styled-components/es/plasmaCore/components/SSRProvider/index.js

@@ -0,0 +1 @@
+export { SSRContext, SSRProvider } from "./SSRProvider";

package/dist/styled-components/es/plasmaCore/components/Spinner/Spinner.js

@@ -0,0 +1,45 @@
+import React from "react";
+import styled, { keyframes, css } from "styled-components";
+import { accent } from "../../utils/tokens";
+import { useUniqId } from "../../utils/hooks";
+import { SpinnerSvg } from "./SpinnerSvg";
+const rotateAnimation = keyframes([
+    `from{transform:rotate(0);}to{transform:rotate(360deg);}`
+]);
+const StyledRoot = styled.div.withConfig({
+    displayName: "Spinner__StyledRoot",
+    componentId: "sc-b7547c69-0"
+})([
+    `display:flex;box-sizing:border-box;`,
+    ` animation:`,
+    ` 1s linear infinite;`
+], ({ $size })=>css([
+        `width:`,
+        `;height:`,
+        `;`
+    ], $size, $size), rotateAnimation);
+const scalingPixelBasis = 16;
+const sizeFormatting = (size, deviceScale = 1)=>{
+    if (typeof size === 'number' || !size.endsWith('rem') && !size.endsWith('px')) {
+        return `${Number(size) / (scalingPixelBasis * deviceScale)}rem`;
+    }
+    return size;
+};
+/**
+ * Компонент для отображения индикатора загрузки.
+ */ export const Spinner = (props)=>{
+    const { id, size = 56, color = accent, deviceScale, ...rest } = props;
+    const uniqId = useUniqId();
+    const innerId = id || uniqId;
+    const currentSize = sizeFormatting(size, deviceScale);
+    return /*#__PURE__*/ React.createElement(StyledRoot, {
+        id: innerId,
+        $size: currentSize,
+        ...rest
+    }, /*#__PURE__*/ React.createElement(SpinnerSvg, {
+        id: innerId,
+        width: size,
+        height: size,
+        color: color
+    }));
+};