@salutejs/plasma-new-hope 0.343.0-canary.2378.20025711782.0 → 0.343.0-canary.2379.20029808045.0

package/emotion/es/index.js

@@ -88,4 +88,3 @@ export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";
 export * from "./components/DateTimePicker";
 export * from "./components/Loader";
-export * from "./components/_beta/Popover";

package/es/components/Loader/Loader.css

@@ -11,9 +11,10 @@
 .ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
 .ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
 
-.Loader_styles_xzuvzj_b1pysjlh__74b0ee03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
-.Loader_styles_xzuvzj_s14s1lcu__74b0ee03{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
-.Loader_styles_xzuvzj_s14gpc11__74b0ee03{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
-.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
-.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
-.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
+.Loader_styles_18f91nf_b1pysjlh__4e3955a7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}.Loader_styles_18f91nf_b1pysjlh__4e3955a7.Loader_styles_18f91nf_loaderWithTextHorizontal__4e3955a7{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Loader_styles_18f91nf_b1pysjlh__4e3955a7.Loader_styles_18f91nf_loaderWithTextVertical__4e3955a7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Loader_styles_18f91nf_s14s1lcu__4e3955a7{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
+.Loader_styles_18f91nf_s14gpc11__4e3955a7{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
+.Loader_styles_18f91nf_l17iuurt__4e3955a7{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
+.Loader_styles_18f91nf_spt1qmx__4e3955a7{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
+.Loader_styles_18f91nf_lh3ju30__4e3955a7{position:relative;z-index:1;}
+.Loader_styles_18f91nf_lfgv1ka__4e3955a7{color:var(--plasma-loader-text-color);font-family:var(--plasma-loader-text-font-family);font-size:var(--plasma-loader-text-font-size);font-style:var(--plasma-loader-text-font-style);font-weight:var(--plasma-loader-text-font-weight);-webkit-letter-spacing:var(--plasma-loader-text-letter-spacing);-moz-letter-spacing:var(--plasma-loader-text-letter-spacing);-ms-letter-spacing:var(--plasma-loader-text-letter-spacing);letter-spacing:var(--plasma-loader-text-letter-spacing);line-height:var(--plasma-loader-text-line-height);margin-left:var(--plasma-loader-text-margin-left);margin-top:var(--plasma-loader-text-margin-top);}

package/es/components/Loader/Loader.js

@@ -3,10 +3,10 @@ import React, { forwardRef } from 'react';
 import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
-import { StyledSpinner, StyledProgressBarCircular, LoaderWrapper, StyledOverlay, LoaderContentWrapper, base } from './Loader.styles.js';
+import { StyledSpinner, StyledProgressBarCircular, LoaderText, LoaderWrapper, StyledOverlay, LoaderContentWrapper, base } from './Loader.styles.js';
 import { classes, tokens } from './Loader.tokens.js';
 
-var _excluded = ["type", "hasOverlay", "withBlur", "value", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack", "style", "zIndex", "onOverlayClick"];
+var _excluded = ["type", "hasOverlay", "withBlur", "value", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack", "style", "zIndex", "onOverlayClick", "text", "textPosition"];
 var loaderRoot = function loaderRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var _props$type = props.type,
@@ -30,12 +30,18 @@ var loaderRoot = function loaderRoot(Root) {
       _props$zIndex = props.zIndex,
       zIndex = _props$zIndex === void 0 ? DEFAULT_Z_INDEX : _props$zIndex,
       onOverlayClick = props.onOverlayClick,
+      text = props.text,
+      _props$textPosition = props.textPosition,
+      textPosition = _props$textPosition === void 0 ? 'bottom' : _props$textPosition,
       rest = _objectWithoutProperties(props, _excluded);
+    var isHorizontalLayout = text && textPosition === 'right';
+    var isVerticalLayout = text && textPosition === 'bottom';
+    var loaderClassName = [className, isHorizontalLayout && 'loader-with-text-horizontal', isVerticalLayout && 'loader-with-text-vertical'].filter(Boolean).join(' ');
     var loaderContent = /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size,
-      className: className,
+      className: loaderClassName,
       style: style
     }, rest), type === 'spinner' ? /*#__PURE__*/React.createElement(StyledSpinner, {
       size: size,
@@ -47,7 +53,7 @@ var loaderRoot = function loaderRoot(Root) {
       size: size,
       view: view,
       hasTrack: hasTrack
-    }, children));
+    }, children), text && /*#__PURE__*/React.createElement(LoaderText, null, text));
     if (!hasOverlay) {
       return loaderContent;
     }

package/es/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport {\n    base,\n    LoaderContentWrapper,\n    LoaderWrapper,\n    StyledOverlay,\n    StyledProgressBarCircular,\n    StyledSpinner,\n} from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n    forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n        const {\n            type = 'spinner',\n            hasOverlay = false,\n            withBlur = false,\n            value = 0,\n            overlayColor,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeSize,\n            hasTrack,\n            style,\n            zIndex = DEFAULT_Z_INDEX,\n            onOverlayClick,\n            ...rest\n        } = props;\n\n        const loaderContent = (\n            <Root ref={ref} view={view} size={size} className={className} style={style} {...rest}>\n                {type === 'spinner' ? (\n                    <StyledSpinner size={size} view={view} />\n                ) : (\n                    <StyledProgressBarCircular\n                        value={value}\n                        maxValue={maxValue}\n                        strokeSize={strokeSize}\n                        size={size}\n                        view={view}\n                        hasTrack={hasTrack}\n                    >\n                        {children}\n                    </StyledProgressBarCircular>\n                )}\n            </Root>\n        );\n\n        if (!hasOverlay) {\n            return loaderContent;\n        }\n\n        const overlayBackgroundToken = overlayColor || `var(${tokens.overlayColor})`;\n\n        return (\n            <LoaderWrapper zIndex={zIndex}>\n                <StyledOverlay\n                    className={classes.loaderOverlay}\n                    backgroundColorToken={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    onClick={onOverlayClick}\n                />\n                <LoaderContentWrapper>{loaderContent}</LoaderContentWrapper>\n            </LoaderWrapper>\n        );\n    });\n\nexport const loaderConfig = {\n    name: 'Loader',\n    tag: 'div',\n    layout: loaderRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasOverlay","hasOverlay","_props$withBlur","withBlur","_props$value","value","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","_props$zIndex","zIndex","DEFAULT_Z_INDEX","onOverlayClick","rest","_objectWithoutProperties","_excluded","loaderContent","React","createElement","_extends","StyledSpinner","StyledProgressBarCircular","overlayBackgroundToken","concat","tokens","LoaderWrapper","StyledOverlay","classes","loaderOverlay","backgroundColorToken","onClick","LoaderContentWrapper","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport {\n    base,\n    LoaderContentWrapper,\n    LoaderWrapper,\n    StyledOverlay,\n    StyledProgressBarCircular,\n    StyledSpinner,\n    LoaderText,\n} from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n    forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n        const {\n            type = 'spinner',\n            hasOverlay = false,\n            withBlur = false,\n            value = 0,\n            overlayColor,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeSize,\n            hasTrack,\n            style,\n            zIndex = DEFAULT_Z_INDEX,\n            onOverlayClick,\n            text,\n            textPosition = 'bottom',\n            ...rest\n        } = props;\n\n        const isHorizontalLayout = text && textPosition === 'right';\n        const isVerticalLayout = text && textPosition === 'bottom';\n\n        const loaderClassName = [\n            className,\n            isHorizontalLayout && 'loader-with-text-horizontal',\n            isVerticalLayout && 'loader-with-text-vertical',\n        ]\n            .filter(Boolean)\n            .join(' ');\n\n        const loaderContent = (\n            <Root ref={ref} view={view} size={size} className={loaderClassName} style={style} {...rest}>\n                {type === 'spinner' ? (\n                    <StyledSpinner size={size} view={view} />\n                ) : (\n                    <StyledProgressBarCircular\n                        value={value}\n                        maxValue={maxValue}\n                        strokeSize={strokeSize}\n                        size={size}\n                        view={view}\n                        hasTrack={hasTrack}\n                    >\n                        {children}\n                    </StyledProgressBarCircular>\n                )}\n                {text && <LoaderText>{text}</LoaderText>}\n            </Root>\n        );\n\n        if (!hasOverlay) {\n            return loaderContent;\n        }\n\n        const overlayBackgroundToken = overlayColor || `var(${tokens.overlayColor})`;\n\n        return (\n            <LoaderWrapper zIndex={zIndex}>\n                <StyledOverlay\n                    className={classes.loaderOverlay}\n                    backgroundColorToken={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    onClick={onOverlayClick}\n                />\n                <LoaderContentWrapper>{loaderContent}</LoaderContentWrapper>\n            </LoaderWrapper>\n        );\n    });\n\nexport const loaderConfig = {\n    name: 'Loader',\n    tag: 'div',\n    layout: loaderRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasOverlay","hasOverlay","_props$withBlur","withBlur","_props$value","value","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","_props$zIndex","zIndex","DEFAULT_Z_INDEX","onOverlayClick","text","_props$textPosition","textPosition","rest","_objectWithoutProperties","_excluded","isHorizontalLayout","isVerticalLayout","loaderClassName","filter","Boolean","join","loaderContent","React","createElement","_extends","StyledSpinner","StyledProgressBarCircular","LoaderText","overlayBackgroundToken","concat","tokens","LoaderWrapper","StyledOverlay","classes","loaderOverlay","backgroundColorToken","onClick","LoaderContentWrapper","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Loader/Loader.styles.js

@@ -1,4 +1,4 @@
-import './Loader.styles_xzuvzj.css';
+import './Loader.styles_18f91nf.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { spinnerConfig } from '../Spinner/Spinner.js';
@@ -72,6 +72,11 @@ var LoaderContentWrapper = /*#__PURE__*/styled('div')({
   "class": "lh3ju30",
   propsAsIs: false
 });
+var LoaderText = /*#__PURE__*/styled('div')({
+  name: "LoaderText",
+  "class": "lfgv1ka",
+  propsAsIs: false
+});
 
-export { LoaderContentWrapper, LoaderWrapper, StyledOverlay, StyledProgressBarCircular, StyledSpinner, base };
+export { LoaderContentWrapper, LoaderText, LoaderWrapper, StyledOverlay, StyledProgressBarCircular, StyledSpinner, base };
 //# sourceMappingURL=Loader.styles.js.map

package/es/components/Loader/Loader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.styles.js","sources":["../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n\n    width: var(${tokens.width});\n    height: var(${tokens.height});\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.spinnerSize});\n    ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n    ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n    ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n    ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n    ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n    ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n    ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n    ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n    ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n    ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n    ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n    ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n    ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n    ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n    ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n\nexport const LoaderWrapper = styled.div<{ zIndex?: string }>`\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: ${({ zIndex }) => zIndex || 9000};\n`;\n\nexport const StyledOverlay = styled.div<{\n    backgroundColorToken: string;\n    withBlur?: boolean;\n}>`\n    position: absolute;\n    inset: 0;\n    background: var(--plasma_private-overlay-background-color);\n    backdrop-filter: ${({ withBlur }) => (withBlur ? 'blur(1rem)' : 'none')};\n    cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};\n\n    --plasma_private-overlay-background-color: ${({ backgroundColorToken }) => backgroundColorToken};\n`;\n\nexport const LoaderContentWrapper = styled.div`\n    position: relative;\n    z-index: 1;\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular","_exp37","_ref","zIndex","LoaderWrapper","vars","_exp38","_ref2","withBlur","_exp39","_ref3","onClick","_exp40","_ref4","backgroundColorToken","StyledOverlay","LoaderContentWrapper"],"mappings":"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"}
+{"version":3,"file":"Loader.styles.js","sources":["../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n\n    width: var(${tokens.width});\n    height: var(${tokens.height});\n\n    &.loader-with-text-horizontal {\n        flex-direction: row;\n    }\n\n    &.loader-with-text-vertical {\n        flex-direction: column;\n    }\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.spinnerSize});\n    ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n    ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n    ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n    ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n    ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n    ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n    ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n    ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n    ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n    ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n    ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n    ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n    ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n    ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n    ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n\nexport const LoaderWrapper = styled.div<{ zIndex?: string }>`\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: ${({ zIndex }) => zIndex || 9000};\n`;\n\nexport const StyledOverlay = styled.div<{\n    backgroundColorToken: string;\n    withBlur?: boolean;\n}>`\n    position: absolute;\n    inset: 0;\n    background: var(--plasma_private-overlay-background-color);\n    backdrop-filter: ${({ withBlur }) => (withBlur ? 'blur(1rem)' : 'none')};\n    cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};\n\n    --plasma_private-overlay-background-color: ${({ backgroundColorToken }) => backgroundColorToken};\n`;\n\nexport const LoaderContentWrapper = styled.div`\n    position: relative;\n    z-index: 1;\n`;\n\nexport const LoaderText = styled.div`\n    color: var(${tokens.textColor});\n    font-family: var(${tokens.textFontFamily});\n    font-size: var(${tokens.textFontSize});\n    font-style: var(${tokens.textFontStyle});\n    font-weight: var(${tokens.textFontWeight});\n    letter-spacing: var(${tokens.textLetterSpacing});\n    line-height: var(${tokens.textLineHeight});\n    margin-left: var(${tokens.textMarginLeft});\n    margin-top: var(${tokens.textMarginTop});\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular","_exp37","_ref","zIndex","LoaderWrapper","vars","_exp38","_ref2","withBlur","_exp39","_ref3","onClick","_exp40","_ref4","backgroundColorToken","StyledOverlay","LoaderContentWrapper","LoaderText"],"mappings":"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"}

package/es/components/Loader/{Loader.styles_xzuvzj.css → Loader.styles_18f91nf.css}

@@ -1,6 +1,7 @@
-.b1pysjlh{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
+.b1pysjlh{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}.b1pysjlh.loader-with-text-horizontal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b1pysjlh.loader-with-text-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .s14s1lcu{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
 .s14gpc11{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
 .l17iuurt{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
 .spt1qmx{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
 .lh3ju30{position:relative;z-index:1;}
+.lfgv1ka{color:var(--plasma-loader-text-color);font-family:var(--plasma-loader-text-font-family);font-size:var(--plasma-loader-text-font-size);font-style:var(--plasma-loader-text-font-style);font-weight:var(--plasma-loader-text-font-weight);-webkit-letter-spacing:var(--plasma-loader-text-letter-spacing);-moz-letter-spacing:var(--plasma-loader-text-letter-spacing);-ms-letter-spacing:var(--plasma-loader-text-letter-spacing);letter-spacing:var(--plasma-loader-text-letter-spacing);line-height:var(--plasma-loader-text-line-height);margin-left:var(--plasma-loader-text-margin-left);margin-top:var(--plasma-loader-text-margin-top);}

package/es/components/Loader/Loader.tokens.js

@@ -20,7 +20,16 @@ var tokens = {
   progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
   overlayColor: '--plasma-loader-overlay-color',
   spinnerSize: '--plasma-loader-spinner-size',
-  spinnerColor: '--plasma-loader-spinner-color'
+  spinnerColor: '--plasma-loader-spinner-color',
+  textColor: '--plasma-loader-text-color',
+  textFontFamily: '--plasma-loader-text-font-family',
+  textFontSize: '--plasma-loader-text-font-size',
+  textFontStyle: '--plasma-loader-text-font-style',
+  textFontWeight: '--plasma-loader-text-font-weight',
+  textLetterSpacing: '--plasma-loader-text-letter-spacing',
+  textLineHeight: '--plasma-loader-text-line-height',
+  textMarginLeft: '--plasma-loader-text-margin-left',
+  textMarginTop: '--plasma-loader-text-margin-top'
 };
 
 export { classes, tokens };

package/es/components/Loader/Loader.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.tokens.js","sources":["../../../src/components/Loader/Loader.tokens.ts"],"sourcesContent":["export const classes = {\n    loaderOverlay: '--plasma-loader-overlay',\n};\n\nexport const tokens = {\n    width: '--plasma-loader-width',\n    height: '--plasma-loader-height',\n\n    progressBarCircularSize: '--plasma-loader-progressbar-circular-size',\n    progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',\n    progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',\n\n    progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',\n    progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',\n\n    progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',\n    progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',\n\n    progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',\n    progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',\n    progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',\n    progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',\n    progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',\n    progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',\n    progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',\n\n    overlayColor: '--plasma-loader-overlay-color',\n\n    spinnerSize: '--plasma-loader-spinner-size',\n    spinnerColor: '--plasma-loader-spinner-color',\n};\n\nexport const privateTokens = {};\n"],"names":["classes","loaderOverlay","tokens","width","height","progressBarCircularSize","progressBarCircularWidth","progressBarCircularHeight","progressBarCircularStrokeWidth","progressBarCircularStrokeSize","progressBarCircularBackgroundStroke","progressBarCircularStroke","progressBarCircularContentColor","progressBarCircularContentFontFamily","progressBarCircularContentFontSize","progressBarCircularContentFontStyle","progressBarCircularContentFontWeight","progressBarCircularContentLetterSpacing","progressBarCircularContentLineHeight","overlayColor","spinnerSize","spinnerColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,yBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,MAAM,EAAE,wBAAwB;AAEhCC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,yBAAyB,EAAE,6CAA6C;AAExEC,EAAAA,8BAA8B,EAAE,mDAAmD;AACnFC,EAAAA,6BAA6B,EAAE,kDAAkD;AAEjFC,EAAAA,mCAAmC,EAAE,wDAAwD;AAC7FC,EAAAA,yBAAyB,EAAE,sDAAsD;AAEjFC,EAAAA,+BAA+B,EAAE,oDAAoD;AACrFC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,kCAAkC,EAAE,wDAAwD;AAC5FC,EAAAA,mCAAmC,EAAE,yDAAyD;AAC9FC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,uCAAuC,EAAE,6DAA6D;AACtGC,EAAAA,oCAAoC,EAAE,0DAA0D;AAEhGC,EAAAA,YAAY,EAAE,+BAA+B;AAE7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,YAAY,EAAE,+BAAA;AAClB;;;;"}
+{"version":3,"file":"Loader.tokens.js","sources":["../../../src/components/Loader/Loader.tokens.ts"],"sourcesContent":["export const classes = {\n    loaderOverlay: '--plasma-loader-overlay',\n};\n\nexport const tokens = {\n    width: '--plasma-loader-width',\n    height: '--plasma-loader-height',\n\n    progressBarCircularSize: '--plasma-loader-progressbar-circular-size',\n    progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',\n    progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',\n\n    progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',\n    progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',\n\n    progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',\n    progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',\n\n    progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',\n    progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',\n    progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',\n    progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',\n    progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',\n    progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',\n    progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',\n\n    overlayColor: '--plasma-loader-overlay-color',\n\n    spinnerSize: '--plasma-loader-spinner-size',\n    spinnerColor: '--plasma-loader-spinner-color',\n\n    textColor: '--plasma-loader-text-color',\n    textFontFamily: '--plasma-loader-text-font-family',\n    textFontSize: '--plasma-loader-text-font-size',\n    textFontStyle: '--plasma-loader-text-font-style',\n    textFontWeight: '--plasma-loader-text-font-weight',\n    textLetterSpacing: '--plasma-loader-text-letter-spacing',\n    textLineHeight: '--plasma-loader-text-line-height',\n    textMarginLeft: '--plasma-loader-text-margin-left',\n    textMarginTop: '--plasma-loader-text-margin-top',\n};\n\nexport const privateTokens = {};\n"],"names":["classes","loaderOverlay","tokens","width","height","progressBarCircularSize","progressBarCircularWidth","progressBarCircularHeight","progressBarCircularStrokeWidth","progressBarCircularStrokeSize","progressBarCircularBackgroundStroke","progressBarCircularStroke","progressBarCircularContentColor","progressBarCircularContentFontFamily","progressBarCircularContentFontSize","progressBarCircularContentFontStyle","progressBarCircularContentFontWeight","progressBarCircularContentLetterSpacing","progressBarCircularContentLineHeight","overlayColor","spinnerSize","spinnerColor","textColor","textFontFamily","textFontSize","textFontStyle","textFontWeight","textLetterSpacing","textLineHeight","textMarginLeft","textMarginTop"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,yBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,MAAM,EAAE,wBAAwB;AAEhCC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,yBAAyB,EAAE,6CAA6C;AAExEC,EAAAA,8BAA8B,EAAE,mDAAmD;AACnFC,EAAAA,6BAA6B,EAAE,kDAAkD;AAEjFC,EAAAA,mCAAmC,EAAE,wDAAwD;AAC7FC,EAAAA,yBAAyB,EAAE,sDAAsD;AAEjFC,EAAAA,+BAA+B,EAAE,oDAAoD;AACrFC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,kCAAkC,EAAE,wDAAwD;AAC5FC,EAAAA,mCAAmC,EAAE,yDAAyD;AAC9FC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,uCAAuC,EAAE,6DAA6D;AACtGC,EAAAA,oCAAoC,EAAE,0DAA0D;AAEhGC,EAAAA,YAAY,EAAE,+BAA+B;AAE7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,YAAY,EAAE,+BAA+B;AAE7CC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,aAAa,EAAE,iCAAA;AACnB;;;;"}

package/es/index.css

@@ -1253,13 +1253,10 @@
 .Popover_styles_1v6vurg_sptwu7d__ce4c918d .Popover_styles_1v6vurg_plasma_dateTimePickerRoot__ce4c918d{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-date-time-picker-popover-gap);border-radius:var(--plasma-date-time-picker-popover-border-radius);padding:var(--plasma-date-time-picker-popover-padding);background:var(--plasma-date-time-picker-popover__background-color);box-shadow:var(--plasma-date-time-picker-popover-shadow);overflow:hidden;width:var(--sptwu7d-0);height:var(--sptwu7d-1);}
 .Popover_styles_1v6vurg_s1xs0v0p__ce4c918d{background-color:var(--plasma-date-time-picker-popover__separator-background);min-width:0.063rem;}
 
-.Loader_styles_xzuvzj_b1pysjlh__74b0ee03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
-.Loader_styles_xzuvzj_s14s1lcu__74b0ee03{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
-.Loader_styles_xzuvzj_s14gpc11__74b0ee03{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
-.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
-.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
-.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
-
-.Popover_styles_1iofnso_bf32er5__5dfb0016{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);}
-.Popover_styles_1iofnso_t1gxr814__5dfb0016{display:inline-block;max-width:100%;}
-.Popover_styles_1iofnso_c3txfur__5dfb0016{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.Popover_styles_1iofnso_c3txfur__5dfb0016:hover{color:var(--plasma-popover-icon-color-hover);}.Popover_styles_1iofnso_c3txfur__5dfb0016:active{color:var(--plasma-popover-icon-color-active);}
+.Loader_styles_18f91nf_b1pysjlh__4e3955a7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}.Loader_styles_18f91nf_b1pysjlh__4e3955a7.Loader_styles_18f91nf_loaderWithTextHorizontal__4e3955a7{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Loader_styles_18f91nf_b1pysjlh__4e3955a7.Loader_styles_18f91nf_loaderWithTextVertical__4e3955a7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Loader_styles_18f91nf_s14s1lcu__4e3955a7{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
+.Loader_styles_18f91nf_s14gpc11__4e3955a7{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
+.Loader_styles_18f91nf_l17iuurt__4e3955a7{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
+.Loader_styles_18f91nf_spt1qmx__4e3955a7{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
+.Loader_styles_18f91nf_lh3ju30__4e3955a7{position:relative;z-index:1;}
+.Loader_styles_18f91nf_lfgv1ka__4e3955a7{color:var(--plasma-loader-text-color);font-family:var(--plasma-loader-text-font-family);font-size:var(--plasma-loader-text-font-size);font-style:var(--plasma-loader-text-font-style);font-weight:var(--plasma-loader-text-font-weight);-webkit-letter-spacing:var(--plasma-loader-text-letter-spacing);-moz-letter-spacing:var(--plasma-loader-text-letter-spacing);-ms-letter-spacing:var(--plasma-loader-text-letter-spacing);letter-spacing:var(--plasma-loader-text-letter-spacing);line-height:var(--plasma-loader-text-line-height);margin-left:var(--plasma-loader-text-margin-left);margin-top:var(--plasma-loader-text-margin-top);}

package/es/index.js

@@ -271,6 +271,4 @@ export { dateTimePickerConfig, dateTimePickerRoot } from './components/DateTimeP
 export { classes as dateTimePickerClasses, tokens as dateTimePickerTokens } from './components/DateTimePicker/DateTimePicker.tokens.js';
 export { loaderConfig, loaderRoot } from './components/Loader/Loader.js';
 export { tokens as loaderTokens } from './components/Loader/Loader.tokens.js';
-export { popoverConfig as _beta_popoverConfig, popoverRoot as _beta_popoverRoot } from './components/_beta/Popover/Popover.js';
-export { classes as _beta_popoverClasses, tokens as _beta_popoverTokens } from './components/_beta/Popover/Popover.tokens.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.343.0-canary.2378.20025711782.0",
+  "version": "0.343.0-canary.2379.20029808045.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -78,8 +78,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-cy-utils": "0.141.0-canary.2378.20025711782.0",
-    "@salutejs/plasma-sb-utils": "0.211.0-canary.2378.20025711782.0",
+    "@salutejs/plasma-cy-utils": "0.141.0-canary.2379.20029808045.0",
+    "@salutejs/plasma-sb-utils": "0.211.0-canary.2379.20029808045.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@types/lodash": "^4.14.191",
     "@types/lodash.chunk": "4.2.9",
@@ -108,7 +108,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.211.0-canary.2378.20025711782.0",
+    "@salutejs/plasma-core": "1.211.0-canary.2379.20029808045.0",
     "@salutejs/react-maskinput": "3.3.2",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "f7048900a753ac4d17adfa3384102eb2d8bd00b1"
+  "gitHead": "f3a5b0a88535bf8e009e534e2e886ce56bcd083a"
 }

package/styled-components/cjs/components/Loader/Loader.js

@@ -120,7 +120,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var loaderRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-        var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? _utils.DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, rest = _object_without_properties(props, [
+        var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? _utils.DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, text = props.text, _props_textPosition = props.textPosition, textPosition = _props_textPosition === void 0 ? 'bottom' : _props_textPosition, rest = _object_without_properties(props, [
             "type",
             "hasOverlay",
             "withBlur",
@@ -135,13 +135,22 @@ var loaderRoot = function(Root) {
             "hasTrack",
             "style",
             "zIndex",
-            "onOverlayClick"
+            "onOverlayClick",
+            "text",
+            "textPosition"
         ]);
+        var isHorizontalLayout = text && textPosition === 'right';
+        var isVerticalLayout = text && textPosition === 'bottom';
+        var loaderClassName = [
+            className,
+            isHorizontalLayout && 'loader-with-text-horizontal',
+            isVerticalLayout && 'loader-with-text-vertical'
+        ].filter(Boolean).join(' ');
         var loaderContent = /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: ref,
             view: view,
             size: size,
-            className: className,
+            className: loaderClassName,
             style: style
         }, rest), type === 'spinner' ? /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledSpinner, {
             size: size,
@@ -153,7 +162,7 @@ var loaderRoot = function(Root) {
             size: size,
             view: view,
             hasTrack: hasTrack
-        }, children));
+        }, children), text && /*#__PURE__*/ _react.default.createElement(_Loaderstyles.LoaderText, null, text));
         if (!hasOverlay) {
             return loaderContent;
         }

package/styled-components/cjs/components/Loader/Loader.styles.js

@@ -12,6 +12,9 @@ _export(exports, {
     get LoaderContentWrapper () {
         return LoaderContentWrapper;
     },
+    get LoaderText () {
+        return LoaderText;
+    },
     get LoaderWrapper () {
         return LoaderWrapper;
     },
@@ -81,11 +84,11 @@ var ProgressBarCircular = (0, _engines.component)(mergedProgressBarCircularConfi
 var base = (0, _styledcomponents.css)([
     "display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
     ");height:var(",
-    ");"
+    ");&.loader-with-text-horizontal{flex-direction:row;}&.loader-with-text-vertical{flex-direction:column;}"
 ], _Loadertokens.tokens.width, _Loadertokens.tokens.height);
 var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
     displayName: "Loader.styles__StyledSpinner",
-    componentId: "sc-a9704424-0"
+    componentId: "sc-edd68ef6-0"
 })([
     "",
     ":var(",
@@ -95,7 +98,7 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
 ], _Spinner.spinnerTokens.size, _Loadertokens.tokens.spinnerSize, _Spinner.spinnerTokens.color, _Loadertokens.tokens.spinnerColor);
 var StyledProgressBarCircular = (0, _styledcomponents.default)(ProgressBarCircular).withConfig({
     displayName: "Loader.styles__StyledProgressBarCircular",
-    componentId: "sc-a9704424-1"
+    componentId: "sc-edd68ef6-1"
 })([
     "",
     ":var(",
@@ -129,7 +132,7 @@ var StyledProgressBarCircular = (0, _styledcomponents.default)(ProgressBarCircul
 ], _ProgressBarCircular.progressBarCircularTokens.size, _Loadertokens.tokens.progressBarCircularSize, _ProgressBarCircular.progressBarCircularTokens.width, _Loadertokens.tokens.progressBarCircularWidth, _ProgressBarCircular.progressBarCircularTokens.height, _Loadertokens.tokens.progressBarCircularHeight, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _Loadertokens.tokens.progressBarCircularStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _Loadertokens.tokens.progressBarCircularStrokeSize, _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _Loadertokens.tokens.progressBarCircularBackgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _Loadertokens.tokens.progressBarCircularStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor, _Loadertokens.tokens.progressBarCircularContentColor, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _Loadertokens.tokens.progressBarCircularContentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _Loadertokens.tokens.progressBarCircularContentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _Loadertokens.tokens.progressBarCircularContentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _Loadertokens.tokens.progressBarCircularContentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _Loadertokens.tokens.progressBarCircularContentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight, _Loadertokens.tokens.progressBarCircularContentLineHeight);
 var LoaderWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Loader.styles__LoaderWrapper",
-    componentId: "sc-a9704424-2"
+    componentId: "sc-edd68ef6-2"
 })([
     "position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:",
     ";"
@@ -139,7 +142,7 @@ var LoaderWrapper = _styledcomponents.default.div.withConfig({
 });
 var StyledOverlay = _styledcomponents.default.div.withConfig({
     displayName: "Loader.styles__StyledOverlay",
-    componentId: "sc-a9704424-3"
+    componentId: "sc-edd68ef6-3"
 })([
     "position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);backdrop-filter:",
     ";cursor:",
@@ -157,7 +160,22 @@ var StyledOverlay = _styledcomponents.default.div.withConfig({
 });
 var LoaderContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Loader.styles__LoaderContentWrapper",
-    componentId: "sc-a9704424-4"
+    componentId: "sc-edd68ef6-4"
 })([
     "position:relative;z-index:1;"
 ]);
+var LoaderText = _styledcomponents.default.div.withConfig({
+    displayName: "Loader.styles__LoaderText",
+    componentId: "sc-edd68ef6-5"
+})([
+    "color:var(",
+    ");font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");margin-left:var(",
+    ");margin-top:var(",
+    ");"
+], _Loadertokens.tokens.textColor, _Loadertokens.tokens.textFontFamily, _Loadertokens.tokens.textFontSize, _Loadertokens.tokens.textFontStyle, _Loadertokens.tokens.textFontWeight, _Loadertokens.tokens.textLetterSpacing, _Loadertokens.tokens.textLineHeight, _Loadertokens.tokens.textMarginLeft, _Loadertokens.tokens.textMarginTop);

package/styled-components/cjs/components/Loader/Loader.tokens.js

@@ -41,6 +41,15 @@ var tokens = {
     progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
     overlayColor: '--plasma-loader-overlay-color',
     spinnerSize: '--plasma-loader-spinner-size',
-    spinnerColor: '--plasma-loader-spinner-color'
+    spinnerColor: '--plasma-loader-spinner-color',
+    textColor: '--plasma-loader-text-color',
+    textFontFamily: '--plasma-loader-text-font-family',
+    textFontSize: '--plasma-loader-text-font-size',
+    textFontStyle: '--plasma-loader-text-font-style',
+    textFontWeight: '--plasma-loader-text-font-weight',
+    textLetterSpacing: '--plasma-loader-text-letter-spacing',
+    textLineHeight: '--plasma-loader-text-line-height',
+    textMarginLeft: '--plasma-loader-text-margin-left',
+    textMarginTop: '--plasma-loader-text-margin-top'
 };
 var privateTokens = {};