@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0

package/cjs/components/Sheet/hooks/useSheetSwipe.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var throttle = require('lodash.throttle');
 var React = require('react');
 
@@ -10,50 +9,50 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 
-var SWIPE_THRESHOLD = 0.2;
-var THROTTLE_DEFAULT_MS = 0;
-var isScrollable = function isScrollable(element) {
+const SWIPE_THRESHOLD = 0.2;
+const THROTTLE_DEFAULT_MS = 0;
+const isScrollable = element => {
   if (!element) {
     return false;
   }
-  var style = getComputedStyle(element);
+  const style = getComputedStyle(element);
   return style.overflow === 'scroll' || style.overflow === 'auto' || style.overflowY === 'scroll' || style.overflowY === 'auto';
 };
-var useSheetSwipe = function useSheetSwipe(args) {
-  var contentWrapperRef = args.contentWrapperRef,
-    contentRef = args.contentRef,
-    handleRef = args.handleRef,
-    onClose = args.onClose,
-    _args$throttleMs = args.throttleMs,
-    throttleMs = _args$throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args$throttleMs;
-  var _useState = React.useState(true),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    isTopScroll = _useState2[0],
-    setIsTopScroll = _useState2[1];
-  var isOverscroll = React.useRef(false);
-  var startY = React.useRef(0);
-  var currentY = React.useRef(0);
-  React.useEffect(function () {
-    var contentWrapperEl = contentWrapperRef.current;
-    var handleEl = handleRef.current;
-    var contentEl = contentRef.current;
-    var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
+const useSheetSwipe = args => {
+  const {
+    contentWrapperRef,
+    contentRef,
+    handleRef,
+    onClose,
+    throttleMs = THROTTLE_DEFAULT_MS
+  } = args;
+  const [isTopScroll, setIsTopScroll] = React.useState(true);
+  const isOverscroll = React.useRef(false);
+  const startY = React.useRef(0);
+  const currentY = React.useRef(0);
+  React.useEffect(() => {
+    const contentWrapperEl = contentWrapperRef.current;
+    const handleEl = handleRef.current;
+    const contentEl = contentRef.current;
+    const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
     if (!triggerElement || !contentEl || !contentWrapperEl) {
       return;
     }
-    var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
-    var scrollableElements = nodes.filter(isScrollable);
+    const nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
+    const scrollableElements = nodes.filter(isScrollable);
     contentWrapperEl.style.willChange = 'transform';
-    var onTouchStart = function onTouchStart(event) {
+    const onTouchStart = event => {
       isOverscroll.current = false;
       startY.current = event.changedTouches[0].clientY;
       currentY.current = startY.current;
       contentWrapperEl.style.transition = 'none';
     };
-    var onTouchMove = function onTouchMove(event) {
-      var clientY = event.changedTouches[0].clientY;
+    const onTouchMove = event => {
+      const {
+        clientY
+      } = event.changedTouches[0];
       currentY.current = Math.max(startY.current, clientY);
-      var offsetY = currentY.current - startY.current;
+      const offsetY = currentY.current - startY.current;
       if (isOverscroll.current) {
         startY.current = Infinity;
         return;
@@ -61,21 +60,21 @@ var useSheetSwipe = function useSheetSwipe(args) {
       if (offsetY !== 0 && event.cancelable) {
         event.preventDefault();
       }
-      contentWrapperEl.style.transform = "translateY(".concat(offsetY, "px)");
+      contentWrapperEl.style.transform = `translateY(${offsetY}px)`;
     };
-    var onTouchEnd = function onTouchEnd(event) {
+    const onTouchEnd = event => {
       isOverscroll.current = false;
-      var curtainHeight = contentWrapperEl.offsetHeight;
-      var endY = event.changedTouches[0].clientY;
-      var offsetY = endY - startY.current;
+      const curtainHeight = contentWrapperEl.offsetHeight;
+      const endY = event.changedTouches[0].clientY;
+      const offsetY = endY - startY.current;
       contentWrapperEl.style.transform = '';
       contentWrapperEl.style.transition = '';
       if (offsetY / curtainHeight > SWIPE_THRESHOLD) {
         onClose();
       }
     };
-    var onScroll = throttle__default.default(function (event) {
-      var onTop = event.target.scrollTop <= 0;
+    const onScroll = throttle__default.default(event => {
+      const onTop = event.target.scrollTop <= 0;
       if (!onTop) {
         isOverscroll.current = true;
       }
@@ -84,14 +83,14 @@ var useSheetSwipe = function useSheetSwipe(args) {
     triggerElement.addEventListener('touchstart', onTouchStart);
     triggerElement.addEventListener('touchmove', onTouchMove);
     triggerElement.addEventListener('touchend', onTouchEnd);
-    scrollableElements.forEach(function (element) {
+    scrollableElements.forEach(element => {
       element.addEventListener('scroll', onScroll);
     });
-    return function () {
+    return () => {
       triggerElement.removeEventListener('touchstart', onTouchStart);
       triggerElement.removeEventListener('touchmove', onTouchMove);
       triggerElement.removeEventListener('touchend', onTouchEnd);
-      scrollableElements.forEach(function (element) {
+      scrollableElements.forEach(element => {
         element.removeEventListener('scroll', onScroll);
       });
     };

package/cjs/components/Sheet/hooks/useSheetSwipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n    if (!element) {\n        return false;\n    }\n\n    const style = getComputedStyle(element);\n\n    return (\n        style.overflow === 'scroll' ||\n        style.overflow === 'auto' ||\n        style.overflowY === 'scroll' ||\n        style.overflowY === 'auto'\n    );\n};\n\nexport const useSheetSwipe = (args: {\n    contentWrapperRef: RefObject<HTMLDivElement>;\n    contentRef: RefObject<HTMLDivElement>;\n    handleRef: RefObject<HTMLDivElement>;\n    throttleMs?: number;\n    onClose: () => void;\n}) => {\n    const { contentWrapperRef, contentRef, handleRef, onClose, throttleMs = THROTTLE_DEFAULT_MS } = args;\n    const [isTopScroll, setIsTopScroll] = useState(true);\n    const isOverscroll = useRef(false);\n    const startY = useRef(0);\n    const currentY = useRef(0);\n\n    useEffect(() => {\n        const contentWrapperEl = contentWrapperRef.current;\n        const handleEl = handleRef.current;\n        const contentEl = contentRef.current;\n\n        const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;\n\n        if (!triggerElement || !contentEl || !contentWrapperEl) {\n            return;\n        }\n\n        const nodes = Array.from<HTMLElement>(contentWrapperEl.querySelectorAll('*'));\n        const scrollableElements = nodes.filter(isScrollable);\n\n        contentWrapperEl.style.willChange = 'transform';\n\n        const onTouchStart = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            startY.current = event.changedTouches[0].clientY;\n            currentY.current = startY.current;\n\n            contentWrapperEl.style.transition = 'none';\n        };\n\n        const onTouchMove = (event: TouchEvent) => {\n            const { clientY } = event.changedTouches[0];\n            currentY.current = Math.max(startY.current, clientY);\n            const offsetY = currentY.current - startY.current;\n\n            if (isOverscroll.current) {\n                startY.current = Infinity;\n                return;\n            }\n\n            if (offsetY !== 0 && event.cancelable) {\n                event.preventDefault();\n            }\n\n            contentWrapperEl.style.transform = `translateY(${offsetY}px)`;\n        };\n\n        const onTouchEnd = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            const curtainHeight = contentWrapperEl.offsetHeight;\n            const endY = event.changedTouches[0].clientY;\n            const offsetY = endY - startY.current;\n\n            contentWrapperEl.style.transform = '';\n            contentWrapperEl.style.transition = '';\n\n            if (offsetY / curtainHeight > SWIPE_THRESHOLD) {\n                onClose();\n            }\n        };\n\n        const onScroll = throttle((event: Event) => {\n            const onTop = (event.target as HTMLElement).scrollTop <= 0;\n\n            if (!onTop) {\n                isOverscroll.current = true;\n            }\n\n            setIsTopScroll(onTop);\n        }, throttleMs);\n\n        triggerElement.addEventListener('touchstart', onTouchStart);\n        triggerElement.addEventListener('touchmove', onTouchMove);\n        triggerElement.addEventListener('touchend', onTouchEnd);\n\n        scrollableElements.forEach((element) => {\n            element.addEventListener('scroll', onScroll);\n        });\n\n        return () => {\n            triggerElement.removeEventListener('touchstart', onTouchStart);\n            triggerElement.removeEventListener('touchmove', onTouchMove);\n            triggerElement.removeEventListener('touchend', onTouchEnd);\n\n            scrollableElements.forEach((element) => {\n                element.removeEventListener('scroll', onScroll);\n            });\n        };\n    }, [isTopScroll]);\n};\n"],"names":["SWIPE_THRESHOLD","THROTTLE_DEFAULT_MS","isScrollable","element","style","getComputedStyle","overflow","overflowY","useSheetSwipe","args","contentWrapperRef","contentRef","handleRef","onClose","_args$throttleMs","throttleMs","_useState","useState","_useState2","_slicedToArray","isTopScroll","setIsTopScroll","isOverscroll","useRef","startY","currentY","useEffect","contentWrapperEl","current","handleEl","contentEl","triggerElement","nodes","Array","from","querySelectorAll","scrollableElements","filter","willChange","onTouchStart","event","changedTouches","clientY","transition","onTouchMove","Math","max","offsetY","Infinity","cancelable","preventDefault","transform","concat","onTouchEnd","curtainHeight","offsetHeight","endY","onScroll","throttle","onTop","target","scrollTop","addEventListener","forEach","removeEventListener"],"mappings":"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"}
+{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n    if (!element) {\n        return false;\n    }\n\n    const style = getComputedStyle(element);\n\n    return (\n        style.overflow === 'scroll' ||\n        style.overflow === 'auto' ||\n        style.overflowY === 'scroll' ||\n        style.overflowY === 'auto'\n    );\n};\n\nexport const useSheetSwipe = (args: {\n    contentWrapperRef: RefObject<HTMLDivElement>;\n    contentRef: RefObject<HTMLDivElement>;\n    handleRef: RefObject<HTMLDivElement>;\n    throttleMs?: number;\n    onClose: () => void;\n}) => {\n    const { contentWrapperRef, contentRef, handleRef, onClose, throttleMs = THROTTLE_DEFAULT_MS } = args;\n    const [isTopScroll, setIsTopScroll] = useState(true);\n    const isOverscroll = useRef(false);\n    const startY = useRef(0);\n    const currentY = useRef(0);\n\n    useEffect(() => {\n        const contentWrapperEl = contentWrapperRef.current;\n        const handleEl = handleRef.current;\n        const contentEl = contentRef.current;\n\n        const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;\n\n        if (!triggerElement || !contentEl || !contentWrapperEl) {\n            return;\n        }\n\n        const nodes = Array.from<HTMLElement>(contentWrapperEl.querySelectorAll('*'));\n        const scrollableElements = nodes.filter(isScrollable);\n\n        contentWrapperEl.style.willChange = 'transform';\n\n        const onTouchStart = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            startY.current = event.changedTouches[0].clientY;\n            currentY.current = startY.current;\n\n            contentWrapperEl.style.transition = 'none';\n        };\n\n        const onTouchMove = (event: TouchEvent) => {\n            const { clientY } = event.changedTouches[0];\n            currentY.current = Math.max(startY.current, clientY);\n            const offsetY = currentY.current - startY.current;\n\n            if (isOverscroll.current) {\n                startY.current = Infinity;\n                return;\n            }\n\n            if (offsetY !== 0 && event.cancelable) {\n                event.preventDefault();\n            }\n\n            contentWrapperEl.style.transform = `translateY(${offsetY}px)`;\n        };\n\n        const onTouchEnd = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            const curtainHeight = contentWrapperEl.offsetHeight;\n            const endY = event.changedTouches[0].clientY;\n            const offsetY = endY - startY.current;\n\n            contentWrapperEl.style.transform = '';\n            contentWrapperEl.style.transition = '';\n\n            if (offsetY / curtainHeight > SWIPE_THRESHOLD) {\n                onClose();\n            }\n        };\n\n        const onScroll = throttle((event: Event) => {\n            const onTop = (event.target as HTMLElement).scrollTop <= 0;\n\n            if (!onTop) {\n                isOverscroll.current = true;\n            }\n\n            setIsTopScroll(onTop);\n        }, throttleMs);\n\n        triggerElement.addEventListener('touchstart', onTouchStart);\n        triggerElement.addEventListener('touchmove', onTouchMove);\n        triggerElement.addEventListener('touchend', onTouchEnd);\n\n        scrollableElements.forEach((element) => {\n            element.addEventListener('scroll', onScroll);\n        });\n\n        return () => {\n            triggerElement.removeEventListener('touchstart', onTouchStart);\n            triggerElement.removeEventListener('touchmove', onTouchMove);\n            triggerElement.removeEventListener('touchend', onTouchEnd);\n\n            scrollableElements.forEach((element) => {\n                element.removeEventListener('scroll', onScroll);\n            });\n        };\n    }, [isTopScroll]);\n};\n"],"names":["SWIPE_THRESHOLD","THROTTLE_DEFAULT_MS","isScrollable","element","style","getComputedStyle","overflow","overflowY","useSheetSwipe","args","contentWrapperRef","contentRef","handleRef","onClose","throttleMs","isTopScroll","setIsTopScroll","useState","isOverscroll","useRef","startY","currentY","useEffect","contentWrapperEl","current","handleEl","contentEl","triggerElement","nodes","Array","from","querySelectorAll","scrollableElements","filter","willChange","onTouchStart","event","changedTouches","clientY","transition","onTouchMove","Math","max","offsetY","Infinity","cancelable","preventDefault","transform","onTouchEnd","curtainHeight","offsetHeight","endY","onScroll","throttle","onTop","target","scrollTop","addEventListener","forEach","removeEventListener"],"mappings":"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"}

package/cjs/components/Sheet/utils/handleTransition.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var handleTransition = function handleTransition(transition) {
-  return function (props) {
-    var withTransition = props.withTransition;
-    return !withTransition ? 'unset' : transition;
-  };
+const handleTransition = transition => props => {
+  const {
+    withTransition
+  } = props;
+  return !withTransition ? 'unset' : transition;
 };
 
 exports.handleTransition = handleTransition;

package/cjs/components/Sheet/utils/handleTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, 'opened'>;\n\nexport const handleTransition = (transition: string) => (props: HandleTransitionProps): string => {\n    const { withTransition } = props;\n\n    return !withTransition ? 'unset' : transition;\n};\n"],"names":["handleTransition","transition","props","withTransition"],"mappings":";;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAkB,EAAA;EAAA,OAAK,UAACC,KAA4B,EAAa;AAC9F,IAAA,IAAQC,cAAc,GAAKD,KAAK,CAAxBC,cAAc,CAAA;AAEtB,IAAA,OAAO,CAACA,cAAc,GAAG,OAAO,GAAGF,UAAU,CAAA;GAChD,CAAA;AAAA;;;;"}
+{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, 'opened'>;\n\nexport const handleTransition = (transition: string) => (props: HandleTransitionProps): string => {\n    const { withTransition } = props;\n\n    return !withTransition ? 'unset' : transition;\n};\n"],"names":["handleTransition","transition","props","withTransition"],"mappings":";;;;MAIaA,gBAAgB,GAAIC,UAAkB,IAAMC,KAA4B,IAAa;EAC9F,MAAM;AAAEC,IAAAA,cAAAA;AAAe,GAAC,GAAGD,KAAK,CAAA;AAEhC,EAAA,OAAO,CAACC,cAAc,GAAG,OAAO,GAAGF,UAAU,CAAA;AACjD;;;;"}

package/cjs/components/Sheet/utils/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DEFAULT_Z_INDEX = '0';
+const DEFAULT_Z_INDEX = '0';
 
 exports.DEFAULT_Z_INDEX = DEFAULT_Z_INDEX;
 //# sourceMappingURL=index.js.map

package/cjs/components/Sheet/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Sheet/utils/index.ts"],"sourcesContent":["export { handleTransition } from './handleTransition';\n\nexport const DEFAULT_Z_INDEX = '0';\n"],"names":["DEFAULT_Z_INDEX"],"mappings":";;;;AAEO,IAAMA,eAAe,GAAG;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Sheet/utils/index.ts"],"sourcesContent":["export { handleTransition } from './handleTransition';\n\nexport const DEFAULT_Z_INDEX = '0';\n"],"names":["DEFAULT_Z_INDEX"],"mappings":";;;;AAEO,MAAMA,eAAe,GAAG;;;;"}

package/cjs/components/Sheet/variations/_handlePlacement/base.js

@@ -3,7 +3,7 @@ require('./base_x642ct.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1rmp8vp";
+const base = "b1rmp8vp";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Sheet/variations/_handlePlacement/base.js.map

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

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

@@ -3,7 +3,7 @@ require('./base_x642ct.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1px3qra";
+const base = "b1px3qra";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

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

package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -13,35 +13,32 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["size", "lighter", "customGradientColor", "roundness"];
 /**
  * Копонент-составляющая Скелетона
  */
-var lineSkeletonRoot = function lineSkeletonRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
-    var size = _ref.size,
-      lighter = _ref.lighter,
-      customGradientColor = _ref.customGradientColor,
-      _ref$roundness = _ref.roundness,
-      roundness = _ref$roundness === void 0 ? '16' : _ref$roundness,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var roundnessValue = applyRoundness.getRoundness({
-      roundness: roundness
-    });
-    var skeletonGradientColor = applySkeletonGradient.getSkeletonColor({
-      lighter: lighter,
-      customGradientColor: customGradientColor
-    });
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: outerRootRef,
-      size: size
-    }, rest), /*#__PURE__*/React__default.default.createElement(LineSkeleton_styles.StyledVisibleLine, {
-      roundness: roundnessValue,
-      gradientColor: skeletonGradientColor
-    }));
+const lineSkeletonRoot = Root => /*#__PURE__*/React.forwardRef(({
+  size,
+  lighter,
+  customGradientColor,
+  roundness = '16',
+  ...rest
+}, outerRootRef) => {
+  const roundnessValue = applyRoundness.getRoundness({
+    roundness
   });
-};
-var lineSkeletonConfig = {
+  const skeletonGradientColor = applySkeletonGradient.getSkeletonColor({
+    lighter,
+    customGradientColor
+  });
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    ref: outerRootRef,
+    size: size
+  }, rest), /*#__PURE__*/React__default.default.createElement(LineSkeleton_styles.StyledVisibleLine, {
+    roundness: roundnessValue,
+    gradientColor: skeletonGradientColor
+  }));
+});
+const lineSkeletonConfig = {
   name: 'LineSkeleton',
   tag: 'div',
   layout: lineSkeletonRoot,

package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineSkeleton.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n    forwardRef<HTMLDivElement, LineSkeletonProps>(\n        ({ size, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n            const roundnessValue = getRoundness({ roundness });\n            const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n            return (\n                <Root ref={outerRootRef} size={size} {...rest}>\n                    <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n                </Root>\n            );\n        },\n    );\n\nexport const lineSkeletonConfig = {\n    name: 'LineSkeleton',\n    tag: 'div',\n    layout: lineSkeletonRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","_ref","outerRootRef","size","lighter","customGradientColor","_ref$roundness","roundness","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;AASA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,gBAAU,CACN,UAAAC,IAAA,EAAoEC,YAAY,EAAK;AAAA,IAAA,IAAlFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MAAAC,cAAA,GAAAL,IAAA,CAAEM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;IAC5D,IAAMC,cAAc,GAAGC,2BAAY,CAAC;AAAEL,MAAAA,SAAS,EAATA,SAAAA;AAAU,KAAC,CAAC,CAAA;IAClD,IAAMM,qBAAqB,GAAGC,sCAAgB,CAAC;AAAEV,MAAAA,OAAO,EAAPA,OAAO;AAAEC,MAAAA,mBAAmB,EAAnBA,mBAAAA;AAAoB,KAAC,CAAC,CAAA;AAEhF,IAAA,oBACIU,sBAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,iCAAA,CAAA;AAACC,MAAAA,GAAG,EAAEhB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKK,IAAI,CACzCO,eAAAA,sBAAA,CAAAC,aAAA,CAACG,qCAAiB,EAAA;AAACZ,MAAAA,SAAS,EAAEI,cAAe;AAACS,MAAAA,aAAa,EAAEP,qBAAAA;AAAsB,KAAE,CACnF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMQ,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1B,gBAAgB;AACxB2B,EAAAA,IAAI,EAAJA,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACRvB,IAAAA,IAAI,EAAE;AACFwB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;;"}
+{"version":3,"file":"LineSkeleton.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n    forwardRef<HTMLDivElement, LineSkeletonProps>(\n        ({ size, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n            const roundnessValue = getRoundness({ roundness });\n            const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n            return (\n                <Root ref={outerRootRef} size={size} {...rest}>\n                    <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n                </Root>\n            );\n        },\n    );\n\nexport const lineSkeletonConfig = {\n    name: 'LineSkeleton',\n    tag: 'div',\n    layout: lineSkeletonRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","size","lighter","customGradientColor","roundness","rest","outerRootRef","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;AASA;AACA;AACA;MACaA,gBAAgB,GAAIC,IAAkD,iBAC/EC,gBAAU,CACN,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC,mBAAmB;AAAEC,EAAAA,SAAS,GAAG,IAAI;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAAEC,YAAY,KAAK;EACjF,MAAMC,cAAc,GAAGC,2BAAY,CAAC;AAAEJ,IAAAA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAClD,MAAMK,qBAAqB,GAAGC,sCAAgB,CAAC;IAAER,OAAO;AAAEC,IAAAA,mBAAAA;AAAoB,GAAC,CAAC,CAAA;AAEhF,EAAA,oBACIQ,sBAAA,CAAAC,aAAA,CAACb,IAAI,EAAAc,iCAAA,CAAA;AAACC,IAAAA,GAAG,EAAER,YAAa;AAACL,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,EAAKI,IAAI,CACzCM,eAAAA,sBAAA,CAAAC,aAAA,CAACG,qCAAiB,EAAA;AAACX,IAAAA,SAAS,EAAEG,cAAe;AAACS,IAAAA,aAAa,EAAEP,qBAAAA;AAAsB,GAAE,CACnF,CAAC,CAAA;AAEf,CACJ,EAAC;AAEE,MAAMQ,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEtB,gBAAgB;QACxBuB,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACRrB,IAAAA,IAAI,EAAE;AACFsB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;;"}

package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js

@@ -5,26 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var base = "blop34g";
-var _exp = function _exp() {
-  return function (_ref) {
-    var roundness = _ref.roundness;
-    return roundness;
-  };
-};
-var _exp3 = function _exp3() {
-  return function (_ref2) {
-    var gradientColor = _ref2.gradientColor;
-    return gradientColor;
-  };
-};
-var StyledVisibleLine = /*#__PURE__*/react.styled('div')({
+const base = "blop34g";
+const _exp = /*#__PURE__*/() => ({
+  roundness
+}) => roundness;
+const _exp3 = /*#__PURE__*/() => ({
+  gradientColor
+}) => gradientColor;
+const StyledVisibleLine = /*#__PURE__*/react.styled('div')({
   name: "StyledVisibleLine",
-  "class": "sn3du7u",
+  class: "sn3du7u",
   propsAsIs: false,
   vars: {
-    "sn3du7u-0": [/*#__PURE__*/_exp()],
-    "sn3du7u-1": [/*#__PURE__*/_exp3()]
+    "sn3du7u-0": [_exp()],
+    "sn3du7u-1": [_exp3()]
   }
 });
 

package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineSkeleton.styles.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\n\nimport type { StyledVisibleLineProps } from './LineSkeleton.types';\n\nexport const base = css`\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n`;\n\nexport const StyledVisibleLine = styled.div<StyledVisibleLineProps>`\n    position: relative;\n    overflow: hidden;\n\n    width: 100%;\n\n    --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n    ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n    --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor};\n    ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["base","_exp","_ref","roundness","_exp3","_ref2","gradientColor","StyledVisibleLine","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;AAOO,IAAMA,IAAI,GAKhB,UAAA;AAAC,IAAAC,IAAA,GAXgBA,SAWhBA,IAAAA,GAAA;AAAA,EAAA,OAQ8C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnB1DA,SAmB0DA,KAAAA,GAAA;AAAA,EAAA,OAG7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAoBA,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT5E,IAAMC,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMSX,IAA4B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAG7BG,KAAoC,EAAA,CAAA;AAAA,GAAA;AAAA,CAElF;;;;;"}
+{"version":3,"file":"LineSkeleton.styles.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\n\nimport type { StyledVisibleLineProps } from './LineSkeleton.types';\n\nexport const base = css`\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n`;\n\nexport const StyledVisibleLine = styled.div<StyledVisibleLineProps>`\n    position: relative;\n    overflow: hidden;\n\n    width: 100%;\n\n    --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n    ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n    --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor};\n    ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["base","_exp","roundness","_exp3","gradientColor","StyledVisibleLine","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;AAOO,MAAMA,IAAI,GAKhB,UAAA;AAAC,MAAAC,IAAA,gBAXgBA,MAmB8B,CAAC;AAAEC,EAAAA,SAAAA;AAAU,CAAC,KAAKA,SAAS,CAAA;AAAA,MAAAC,KAAA,gBAnB1DA,MAsB6B,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,CAAA;AAT5E,MAAMC,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAMST,IAA4B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CAG7BE,KAAoC,EAAA,CAAA;AAAA,GAAA;AAAA,CAElF;;;;;"}

package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js

@@ -3,7 +3,7 @@ require('./base_1wf7n5i.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1x66a6y";
+const base = "b1x66a6y";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledVisibleLine } from '../../LineSkeleton.styles';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n    height: var(${tokens.lineHeight});\n\n    & ${StyledVisibleLine} {\n        height: var(${tokens.visibleLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAMhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledVisibleLine } from '../../LineSkeleton.styles';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n    height: var(${tokens.lineHeight});\n\n    & ${StyledVisibleLine} {\n        height: var(${tokens.visibleLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,MAAMA,IAAI,GAMhB;;;;"}

package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js

@@ -12,31 +12,30 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["width", "height", "lighter", "customGradientColor", "roundness"];
 /**
  * Компонент для создания прямоугольного плейсхолдера.
  */
-var RectSkeleton = /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
-  var width = _ref.width,
-    height = _ref.height,
-    lighter = _ref.lighter,
-    customGradientColor = _ref.customGradientColor,
-    _ref$roundness = _ref.roundness,
-    roundness = _ref$roundness === void 0 ? '16' : _ref$roundness,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var roundnessValue = applyRoundness.getRoundness({
-    roundness: roundness
+const RectSkeleton = /*#__PURE__*/React.forwardRef(({
+  width,
+  height,
+  lighter,
+  customGradientColor,
+  roundness = '16',
+  ...rest
+}, outerRootRef) => {
+  const roundnessValue = applyRoundness.getRoundness({
+    roundness
   });
-  var skeletonGradientColor = applySkeletonGradient.getSkeletonColor({
-    lighter: lighter,
-    customGradientColor: customGradientColor
+  const skeletonGradientColor = applySkeletonGradient.getSkeletonColor({
+    lighter,
+    customGradientColor
   });
   return /*#__PURE__*/React__default.default.createElement(RectSkeleton_styles.StyledRectSkeleton, _rollupPluginBabelHelpers.extends({
     ref: outerRootRef,
     roundness: roundnessValue,
     gradientColor: skeletonGradientColor,
-    width: Number.isNaN(Number(width)) ? String(width) : "".concat(width, "px"),
-    height: Number.isNaN(Number(height)) ? String(height) : "".concat(height, "px")
+    width: Number.isNaN(Number(width)) ? String(width) : `${width}px`,
+    height: Number.isNaN(Number(height)) ? String(height) : `${height}px`
   }, rest));
 });
 

package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RectSkeleton.js","sources":["../../../../src/components/Skeleton/RectSkeleton/RectSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { StyledRectSkeleton } from './RectSkeleton.styles';\nimport type { RectSkeletonProps } from './RectSkeleton.types';\n\n/**\n * Компонент для создания прямоугольного плейсхолдера.\n */\nexport const RectSkeleton = forwardRef<HTMLDivElement, RectSkeletonProps>(\n    ({ width, height, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n        const roundnessValue = getRoundness({ roundness });\n        const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n        return (\n            <StyledRectSkeleton\n                ref={outerRootRef}\n                roundness={roundnessValue}\n                gradientColor={skeletonGradientColor}\n                width={Number.isNaN(Number(width)) ? String(width) : `${width}px`}\n                height={Number.isNaN(Number(height)) ? String(height) : `${height}px`}\n                {...rest}\n            />\n        );\n    },\n);\n"],"names":["RectSkeleton","forwardRef","_ref","outerRootRef","width","height","lighter","customGradientColor","_ref$roundness","roundness","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","StyledRectSkeleton","_extends","ref","gradientColor","Number","isNaN","String","concat"],"mappings":";;;;;;;;;;;;;;;AAOA;AACA;AACA;AACO,IAAMA,YAAY,gBAAGC,gBAAU,CAClC,UAAAC,IAAA,EAA6EC,YAAY,EAAK;AAAA,EAAA,IAA3FC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EACrE,IAAMC,cAAc,GAAGC,2BAAY,CAAC;AAAEL,IAAAA,SAAS,EAATA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAClD,IAAMM,qBAAqB,GAAGC,sCAAgB,CAAC;AAAEV,IAAAA,OAAO,EAAPA,OAAO;AAAEC,IAAAA,mBAAmB,EAAnBA,mBAAAA;AAAoB,GAAC,CAAC,CAAA;AAEhF,EAAA,oBACIU,sBAAA,CAAAC,aAAA,CAACC,sCAAkB,EAAAC,iCAAA,CAAA;AACfC,IAAAA,GAAG,EAAElB,YAAa;AAClBM,IAAAA,SAAS,EAAEI,cAAe;AAC1BS,IAAAA,aAAa,EAAEP,qBAAsB;AACrCX,IAAAA,KAAK,EAAEmB,MAAM,CAACC,KAAK,CAACD,MAAM,CAACnB,KAAK,CAAC,CAAC,GAAGqB,MAAM,CAACrB,KAAK,CAAC,MAAAsB,MAAA,CAAMtB,KAAK,EAAK,IAAA,CAAA;AAClEC,IAAAA,MAAM,EAAEkB,MAAM,CAACC,KAAK,CAACD,MAAM,CAAClB,MAAM,CAAC,CAAC,GAAGoB,MAAM,CAACpB,MAAM,CAAC,GAAAqB,EAAAA,CAAAA,MAAA,CAAMrB,MAAM,EAAA,IAAA,CAAA;GAC7DK,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,CACJ;;;;"}
+{"version":3,"file":"RectSkeleton.js","sources":["../../../../src/components/Skeleton/RectSkeleton/RectSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { StyledRectSkeleton } from './RectSkeleton.styles';\nimport type { RectSkeletonProps } from './RectSkeleton.types';\n\n/**\n * Компонент для создания прямоугольного плейсхолдера.\n */\nexport const RectSkeleton = forwardRef<HTMLDivElement, RectSkeletonProps>(\n    ({ width, height, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n        const roundnessValue = getRoundness({ roundness });\n        const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n        return (\n            <StyledRectSkeleton\n                ref={outerRootRef}\n                roundness={roundnessValue}\n                gradientColor={skeletonGradientColor}\n                width={Number.isNaN(Number(width)) ? String(width) : `${width}px`}\n                height={Number.isNaN(Number(height)) ? String(height) : `${height}px`}\n                {...rest}\n            />\n        );\n    },\n);\n"],"names":["RectSkeleton","forwardRef","width","height","lighter","customGradientColor","roundness","rest","outerRootRef","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","StyledRectSkeleton","_extends","ref","gradientColor","Number","isNaN","String"],"mappings":";;;;;;;;;;;;;;AAOA;AACA;AACA;AACaA,MAAAA,YAAY,gBAAGC,gBAAU,CAClC,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,OAAO;EAAEC,mBAAmB;AAAEC,EAAAA,SAAS,GAAG,IAAI;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAAEC,YAAY,KAAK;EAC1F,MAAMC,cAAc,GAAGC,2BAAY,CAAC;AAAEJ,IAAAA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAClD,MAAMK,qBAAqB,GAAGC,sCAAgB,CAAC;IAAER,OAAO;AAAEC,IAAAA,mBAAAA;AAAoB,GAAC,CAAC,CAAA;AAEhF,EAAA,oBACIQ,sBAAA,CAAAC,aAAA,CAACC,sCAAkB,EAAAC,iCAAA,CAAA;AACfC,IAAAA,GAAG,EAAET,YAAa;AAClBF,IAAAA,SAAS,EAAEG,cAAe;AAC1BS,IAAAA,aAAa,EAAEP,qBAAsB;AACrCT,IAAAA,KAAK,EAAEiB,MAAM,CAACC,KAAK,CAACD,MAAM,CAACjB,KAAK,CAAC,CAAC,GAAGmB,MAAM,CAACnB,KAAK,CAAC,GAAG,CAAA,EAAGA,KAAK,CAAK,EAAA,CAAA;AAClEC,IAAAA,MAAM,EAAEgB,MAAM,CAACC,KAAK,CAACD,MAAM,CAAChB,MAAM,CAAC,CAAC,GAAGkB,MAAM,CAAClB,MAAM,CAAC,GAAG,GAAGA,MAAM,CAAA,EAAA,CAAA;GAC7DI,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,CACJ;;;;"}

package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.styles.js

@@ -5,39 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var _exp = function _exp() {
-  return function (_ref) {
-    var width = _ref.width;
-    return width;
-  };
-};
-var _exp2 = function _exp2() {
-  return function (_ref2) {
-    var height = _ref2.height;
-    return height;
-  };
-};
-var _exp3 = function _exp3() {
-  return function (_ref3) {
-    var roundness = _ref3.roundness;
-    return roundness;
-  };
-};
-var _exp5 = function _exp5() {
-  return function (_ref4) {
-    var gradientColor = _ref4.gradientColor;
-    return gradientColor;
-  };
-};
-var StyledRectSkeleton = /*#__PURE__*/react.styled('div')({
+const _exp = /*#__PURE__*/() => ({
+  width
+}) => width;
+const _exp2 = /*#__PURE__*/() => ({
+  height
+}) => height;
+const _exp3 = /*#__PURE__*/() => ({
+  roundness
+}) => roundness;
+const _exp5 = /*#__PURE__*/() => ({
+  gradientColor
+}) => gradientColor;
+const StyledRectSkeleton = /*#__PURE__*/react.styled('div')({
   name: "StyledRectSkeleton",
-  "class": "sgcbrr4",
+  class: "sgcbrr4",
   propsAsIs: false,
   vars: {
-    "sgcbrr4-0": [/*#__PURE__*/_exp()],
-    "sgcbrr4-1": [/*#__PURE__*/_exp2()],
-    "sgcbrr4-2": [/*#__PURE__*/_exp3()],
-    "sgcbrr4-3": [/*#__PURE__*/_exp5()]
+    "sgcbrr4-0": [_exp()],
+    "sgcbrr4-1": [_exp2()],
+    "sgcbrr4-2": [_exp3()],
+    "sgcbrr4-3": [_exp5()]
   }
 });
 

package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RectSkeleton.styles.js","sources":["../../../../src/components/Skeleton/RectSkeleton/RectSkeleton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\n\nimport type { StyledRectProps } from './RectSkeleton.types';\n\nexport const StyledRectSkeleton = styled.div<StyledRectProps>`\n    position: relative;\n    overflow: hidden;\n    width: ${({ width }) => width};\n    height: ${({ height }) => height};\n\n    --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n    ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n    --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor};\n    ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["_exp","_ref","width","_exp2","_ref2","height","_exp3","_ref3","roundness","_exp5","_ref4","gradientColor","StyledRectSkeleton","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;AAAwC,IAAAA,IAAA,GACtBA,SADsBA,IAAAA,GAAA;AAAA,EAAA,OAS3B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,IAAAA,OAAYA,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GARfA,SAQeA,KAAAA,GAAA;AAAA,EAAA,OACnB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GATlBA,SASkBA,KAAAA,GAAA;AAAA,EAAA,OAEY,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAX1DA,SAW0DA,KAAAA,GAAA;AAAA,EAAA,OAG7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAoBA,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT5E,IAAMC,kBAAkB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAG3BjB,IAAoB,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnBG,KAAsB,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEYG,KAA4B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAG7BG,KAAoC,EAAA,CAAA;AAAA,GAAA;AAAA,CAElF;;;;"}
+{"version":3,"file":"RectSkeleton.styles.js","sources":["../../../../src/components/Skeleton/RectSkeleton/RectSkeleton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\n\nimport type { StyledRectProps } from './RectSkeleton.types';\n\nexport const StyledRectSkeleton = styled.div<StyledRectProps>`\n    position: relative;\n    overflow: hidden;\n    width: ${({ width }) => width};\n    height: ${({ height }) => height};\n\n    --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n    ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n    --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor};\n    ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["_exp","width","_exp2","height","_exp3","roundness","_exp5","gradientColor","StyledRectSkeleton","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;AAAwC,MAAAA,IAAA,gBACtBA,MAQL,CAAC;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAKA,KAAK,CAAA;AAAA,MAAAC,KAAA,gBARfA,MASJ,CAAC;AAAEC,EAAAA,MAAAA;AAAO,CAAC,KAAKA,MAAM,CAAA;AAAA,MAAAC,KAAA,gBATlBA,MAW8B,CAAC;AAAEC,EAAAA,SAAAA;AAAU,CAAC,KAAKA,SAAS,CAAA;AAAA,MAAAC,KAAA,gBAX1DA,MAc6B,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,CAAA;AAT5E,MAAMC,kBAAkB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAG3Bb,IAAoB,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CACnBE,KAAsB,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CAEYE,KAA4B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CAG7BE,KAAoC,EAAA,CAAA;AAAA,GAAA;AAAA,CAElF;;;;"}