@salutejs/plasma-new-hope 0.346.0 → 0.346.1-dev.0

package/dist/styled-components/es/examples/components/File/File.config.js

@@ -0,0 +1,188 @@
+import { css } from "styled-components";
+import { fileTokens as tokens } from "../../../components/File";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--surface-accent);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-solid-default);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-solid-default);"
+            ], tokens.embedIconButtonColor, tokens.embedIconButtonColorHover, tokens.embedIconButtonColorActive, tokens.embedIconButtonFocusColor, tokens.cellTitleColor, tokens.cellSubtitleColor, tokens.progressBarCircularContentColor, tokens.progressBarCircularBackgroundStroke, tokens.progressBarCircularStroke, tokens.progressTrackBackgroundColor, tokens.progressFilledBackgroundColor),
+            negative: css([
+                "",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--surface-accent);",
+                ":var(--text-primary);",
+                ":var(--text-negative);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-negative);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-negative);"
+            ], tokens.embedIconButtonColor, tokens.embedIconButtonColorHover, tokens.embedIconButtonColorActive, tokens.embedIconButtonFocusColor, tokens.cellTitleColor, tokens.cellSubtitleColor, tokens.progressBarCircularContentColor, tokens.progressBarCircularBackgroundStroke, tokens.progressBarCircularStroke, tokens.progressTrackBackgroundColor, tokens.progressFilledBackgroundColor)
+        },
+        size: {
+            l: css([
+                "",
+                ":2.5rem;",
+                ":2.5rem;",
+                ":0.5rem;",
+                ":0.625rem;",
+                ":2.5rem;",
+                ":0.125rem;",
+                ":0.75rem;",
+                ":0.75rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":36;",
+                ":2.25rem;",
+                ":2.25rem;",
+                ":0.125rem;",
+                ":2;",
+                ":0.25rem;",
+                ":0.125rem;",
+                ":0.25rem;",
+                ":0.375rem;",
+                ":0.5rem;",
+                ":2.5rem;",
+                ":0.625rem;"
+            ], tokens.embedIconButtonHeight, tokens.embedIconButtonWidth, tokens.embedIconButtonPadding, tokens.embedIconButtonRadius, tokens.cellHeight, tokens.cellTextboxGap, tokens.cellGap, tokens.cellPaddingRightContent, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontStyle, tokens.cellSubtitleFontWeight, tokens.cellSubtitleLetterSpacing, tokens.cellSubtitleLineHeight, tokens.progressBarCircularSize, tokens.progressBarCircularHeight, tokens.progressBarCircularWidth, tokens.progressBarCircularStrokeWidth, tokens.progressBarCircularStrokeSize, tokens.progressTrackHeight, tokens.progressTrackBorderRadius, tokens.progressFilledHeight, tokens.progressFilledBorderRadius, tokens.progressLinearGap, tokens.fileThumbSize, tokens.fileThumbRadius),
+            m: css([
+                "",
+                ":2.5rem;",
+                ":2.5rem;",
+                ":0.5rem;",
+                ":0.625rem;",
+                ":2.5rem;",
+                ":0.125rem;",
+                ":0.625rem;",
+                ":0.625rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":36;",
+                ":2.25rem;",
+                ":2.25rem;",
+                ":0.125rem;",
+                ":2;",
+                ":0.25rem;",
+                ":0.125rem;",
+                ":0.25rem;",
+                ":0.375rem;",
+                ":0.5rem;",
+                ":2.25rem;",
+                ":0.625rem;"
+            ], tokens.embedIconButtonHeight, tokens.embedIconButtonWidth, tokens.embedIconButtonPadding, tokens.embedIconButtonRadius, tokens.cellHeight, tokens.cellTextboxGap, tokens.cellGap, tokens.cellPaddingRightContent, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontStyle, tokens.cellSubtitleFontWeight, tokens.cellSubtitleLetterSpacing, tokens.cellSubtitleLineHeight, tokens.progressBarCircularSize, tokens.progressBarCircularHeight, tokens.progressBarCircularWidth, tokens.progressBarCircularStrokeWidth, tokens.progressBarCircularStrokeSize, tokens.progressTrackHeight, tokens.progressTrackBorderRadius, tokens.progressFilledHeight, tokens.progressFilledBorderRadius, tokens.progressLinearGap, tokens.fileThumbSize, tokens.fileThumbRadius),
+            s: css([
+                "",
+                ":2.5rem;",
+                ":2.5rem;",
+                ":0.5rem;",
+                ":0.625rem;",
+                ":2.5rem;",
+                ":0.125rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":36;",
+                ":2.25rem;",
+                ":2.25rem;",
+                ":0.125rem;",
+                ":2;",
+                ":0.25rem;",
+                ":0.125rem;",
+                ":0.25rem;",
+                ":0.375rem;",
+                ":0.5rem;",
+                ":2.25rem;",
+                ":0.625rem;"
+            ], tokens.embedIconButtonHeight, tokens.embedIconButtonWidth, tokens.embedIconButtonPadding, tokens.embedIconButtonRadius, tokens.cellHeight, tokens.cellTextboxGap, tokens.cellGap, tokens.cellPaddingRightContent, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontStyle, tokens.cellSubtitleFontWeight, tokens.cellSubtitleLetterSpacing, tokens.cellSubtitleLineHeight, tokens.progressBarCircularSize, tokens.progressBarCircularHeight, tokens.progressBarCircularWidth, tokens.progressBarCircularStrokeWidth, tokens.progressBarCircularStrokeSize, tokens.progressTrackHeight, tokens.progressTrackBorderRadius, tokens.progressFilledHeight, tokens.progressFilledBorderRadius, tokens.progressLinearGap, tokens.fileThumbSize, tokens.fileThumbRadius),
+            xs: css([
+                "",
+                ":2rem;",
+                ":2rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":2rem;",
+                ":0.125rem;",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":24;",
+                ":1.5rem;",
+                ":1.5rem;",
+                ":0.125rem;",
+                ":2;",
+                ":0.25rem;",
+                ":0.125rem;",
+                ":0.25rem;",
+                ":0.375rem;",
+                ":0.5rem;",
+                ":1.75rem;",
+                ":0.625rem;"
+            ], tokens.embedIconButtonHeight, tokens.embedIconButtonWidth, tokens.embedIconButtonPadding, tokens.embedIconButtonRadius, tokens.cellHeight, tokens.cellTextboxGap, tokens.cellGap, tokens.cellPaddingRightContent, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontStyle, tokens.cellSubtitleFontWeight, tokens.cellSubtitleLetterSpacing, tokens.cellSubtitleLineHeight, tokens.progressBarCircularSize, tokens.progressBarCircularHeight, tokens.progressBarCircularWidth, tokens.progressBarCircularStrokeWidth, tokens.progressBarCircularStrokeSize, tokens.progressTrackHeight, tokens.progressTrackBorderRadius, tokens.progressFilledHeight, tokens.progressFilledBorderRadius, tokens.progressLinearGap, tokens.fileThumbSize, tokens.fileThumbRadius)
+        },
+        disabled: {
+            true: css([
+                "",
+                ":0.4;"
+            ], tokens.fileDisabledOpacity)
+        }
+    }
+};

package/dist/styled-components/es/examples/components/File/File.js

@@ -0,0 +1,5 @@
+import { fileConfig } from "../../../components/File";
+import { component, mergeConfig } from "../../../engines";
+import { config } from "./File.config";
+var mergedConfig = mergeConfig(fileConfig, config);
+export var File = component(mergedConfig);

package/dist/styled-components/es/examples/components/Notification/Notification.js

@@ -5,7 +5,7 @@ import { config } from "./Notification.config";
 export { modalClasses } from "../../../components/Modal";
 var mergedConfig = mergeConfig(notificationConfig, config);
 export var Notification = component(mergedConfig);
-export var NotificationsProvider = function(param) {
+export var NotificationsProvider = function NotificationsProvider(param) {
     var children = param.children, _param_frame = param.frame, frame = _param_frame === void 0 ? 'theme-root' : _param_frame, placement = param.placement;
     return /*#__PURE__*/ React.createElement(Provider, {
         config: mergedConfig,

package/dist/styled-components/es/examples/components/Scrollbar/Scrollbar.js

@@ -28,6 +28,6 @@ function _object_spread(target) {
 }
 import { addScrollbar as mixin } from "../../../mixins";
 import { config } from "./Scrollbar.config";
-export var addScrollbar = function(size) {
+export var addScrollbar = function addScrollbar(size) {
     return mixin(_object_spread({}, config.size[size], config.view.default));
 };

package/dist/styled-components/es/examples/components/Tabs/TabItem.js

@@ -42,7 +42,7 @@ var mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalCon
 var VerticalTabItem = component(mergedVerticalTabItemConfig);
 var mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);
 var VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);
-export var TabItem = function(props) {
+export var TabItem = function TabItem(props) {
     if (props.orientation === 'vertical') {
         return /*#__PURE__*/ React.createElement(VerticalTabItem, props);
     }

package/dist/styled-components/es/examples/components/Tabs/Tabs.js

@@ -7,7 +7,7 @@ var mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalCon
 var mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);
 var HorizontalTabs = component(mergedHorizontalTabsConfig);
 var VerticalTabs = component(mergedVerticalTabsConfig);
-export var Tabs = function(props) {
+export var Tabs = function Tabs(props) {
     if (props.orientation === 'vertical') {
         return /*#__PURE__*/ React.createElement(VerticalTabs, props);
     }

package/dist/styled-components/es/hooks/useCodeHook.js

@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import { useDidMountEffect } from ".";
-export var useCodeHook = function(param) {
+export var useCodeHook = function useCodeHook(param) {
     var inputRefs = param.inputRefs, codeLength = param.codeLength, disabled = param.disabled, autoFocus = param.autoFocus, originalValue = param.originalValue, getLastActiveIndex = param.getLastActiveIndex, handleFullCodeEnter = param.handleFullCodeEnter;
     useEffect(function() {
         inputRefs.current = inputRefs.current.slice(0, codeLength);

package/dist/styled-components/es/hooks/useDidMountEffect.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-export var useDidMountEffect = function(fn, inputs) {
+export var useDidMountEffect = function useDidMountEffect(fn, inputs) {
     var didMountRef = useRef(false);
     useEffect(function() {
         if (didMountRef.current) {

package/dist/styled-components/es/hooks/useDidMountLayoutEffect.js

@@ -1,5 +1,5 @@
 import { useLayoutEffect, useRef } from "react";
-export var useDidMountLayoutEffect = function(fn, inputs) {
+export var useDidMountLayoutEffect = function useDidMountLayoutEffect(fn, inputs) {
     var didMountRef = useRef(false);
     useLayoutEffect(function() {
         if (didMountRef.current) {

package/dist/styled-components/es/hooks/useDisableScroll.js

@@ -4,7 +4,7 @@ export function useDisableScroll(ref) {
     useEffect(function() {
         if (!enabled || !ref.current) return;
         var el = ref.current;
-        var preventScroll = function(e) {
+        var preventScroll = function preventScroll(e) {
             e.preventDefault();
             e.stopPropagation();
         };

package/dist/styled-components/es/hooks/useFocusTrap.js

@@ -3,7 +3,7 @@ import { FocusManager } from "../utils/focusManager";
 import { focusSelector, isFocusable, isTabble } from "../utils/tabbable";
 import { scopeTab } from "../utils/scopeTab";
 // Находим элемент для фокуса
-var getFocusElement = function(node, firstFocusSelector) {
+var getFocusElement = function getFocusElement(node, firstFocusSelector) {
     var focusElement = null;
     if (firstFocusSelector) {
         if (typeof firstFocusSelector === 'string') {
@@ -24,7 +24,7 @@ var getFocusElement = function(node, firstFocusSelector) {
     }
     return focusElement;
 };
-var processNode = function(node, firstFocusSelector, ref) {
+var processNode = function processNode1(node, firstFocusSelector, ref) {
     if (ref === null || ref === void 0 ? void 0 : ref.current) {
         ref.current.removeEventListener('animationend', function() {
             processNode(node, firstFocusSelector, ref);
@@ -38,7 +38,7 @@ var processNode = function(node, firstFocusSelector, ref) {
 var focusManager = new FocusManager();
 /**
  *  Захватывает фокус внутри DOM node.
- * */ export var useFocusTrap = function() {
+ * */ export var useFocusTrap = function useFocusTrap() {
     var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
     var ref = useRef();
     var setRef = useCallback(function(node) {
@@ -72,7 +72,7 @@ var focusManager = new FocusManager();
         if (!active && !enableOnFirstMount) {
             return;
         }
-        var handleKeyDown = function(event) {
+        var handleKeyDown = function handleKeyDown(event) {
             if (event.key === 'Tab' && ref.current) {
                 scopeTab(ref.current, event, active);
                 if (enableOnFirstMount) {

package/dist/styled-components/es/hooks/useForceUpdate.js

@@ -45,7 +45,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { useCallback, useState } from "react";
-export var useForceUpdate = function() {
+export var useForceUpdate = function useForceUpdate() {
     var _useState = _sliced_to_array(useState(), 2), updateState = _useState[1];
     var forceUpdate = useCallback(function() {
         return updateState({});

package/dist/styled-components/es/hooks/usePreviousValue.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
 /**
  * Хук для сохранения предыдущего значения
- */ export var usePreviousValue = function(value) {
+ */ export var usePreviousValue = function usePreviousValue(value) {
     var ref = useRef();
     useEffect(function() {
         ref.current = value;

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

@@ -88,5 +88,6 @@ export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";
 export * from "./components/DateTimePicker";
 export * from "./components/Loader";
+export * from "./components/File";
 export * from "./components/_beta/Popover";
 export * from "./components/_beta/Tooltip";

package/dist/styled-components/es/mixins/addFocus.js

@@ -18,11 +18,11 @@ import "focus-visible";
  *  outlineRadius: '10em 1em',
  *  outlineColor: 'greenyellow',
  * });
- */ export var addFocus = function(args) {
+ */ export var addFocus = function addFocus(args) {
     var customFocusRules = args.customFocusRules, _args_outlineSize = args.outlineSize, outlineSize = _args_outlineSize === void 0 ? '0.125rem' : _args_outlineSize, _args_outlineOffset = args.outlineOffset, outlineOffset = _args_outlineOffset === void 0 ? '-0.125rem' : _args_outlineOffset, _args_outlineColor = args.outlineColor, outlineColor = _args_outlineColor === void 0 ? 'var(--plasma-colors-button-focused, var(--text-accent))' : _args_outlineColor, _args_outlineRadius = args.outlineRadius, outlineRadius = _args_outlineRadius === void 0 ? '30px' : _args_outlineRadius, _args_hasTransition = args.hasTransition, hasTransition = _args_hasTransition === void 0 ? true : _args_hasTransition;
     return "\n        position: relative;\n\n        &::before {\n            content: '';\n\n            position: absolute;\n            top: ".concat(outlineOffset, ";\n            left: ").concat(outlineOffset, ";\n            right: ").concat(outlineOffset, ";\n            bottom: ").concat(outlineOffset, ";\n            z-index: 1;\n\n            display: block;\n            box-sizing: content-box;\n\n            border: ").concat(outlineSize, " solid transparent;\n            border-radius: ").concat(outlineRadius, ";\n\n            transition: ").concat(hasTransition ? 'box-shadow 0.2s ease-in-out' : 'none', ";\n\n            pointer-events: none;\n        }\n\n        ").concat(getCustomFocusStyle(outlineSize, outlineColor, customFocusRules), "\n    ");
 };
-var getCustomFocusStyle = function(outlineSize, outlineColor, customFocusRules) {
+var getCustomFocusStyle = function getCustomFocusStyle(outlineSize, outlineColor, customFocusRules) {
     if (!customFocusRules) {
         return "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    outline: none;\n                    box-shadow: 0 0 0 ".concat(outlineSize, " ").concat(outlineColor, ";\n                }\n            }\n        ");
     }

package/dist/styled-components/es/mixins/addScrollbar.js

@@ -1,4 +1,4 @@
-export var addScrollbar = function(args) {
+export var addScrollbar = function addScrollbar(args) {
     var scrollWidth = args.scrollWidth, trackColor = args.trackColor, thumbColor = args.thumbColor;
     return "\n        &::-webkit-scrollbar {\n            width: ".concat(scrollWidth, ";\n            height: ").concat(scrollWidth, ";\n        }\n\n        &::-webkit-scrollbar-track {\n            border-radius: ").concat(scrollWidth, ";\n\n            background-color: ").concat(trackColor, ";\n        }\n\n        &::-webkit-scrollbar-thumb {\n            border-radius: ").concat(scrollWidth, ";\n            background-color: ").concat(thumbColor, ";\n\n            transition: background-color 0.2s ease;\n\n            &:hover {\n                background-color: ").concat(thumbColor, ";\n            }\n\n            &:active {\n                background-color: ").concat(thumbColor, ";\n            }\n        }\n    ");
 };

package/dist/styled-components/es/mixins/applyBlur.js

@@ -3,6 +3,6 @@ export var blurs = {
     medium: '2.3125rem',
     large: '3.125rem'
 };
-export var applyBlur = function(blur) {
+export var applyBlur = function applyBlur(blur) {
     return blurs[blur] ? "backdrop-filter: blur(".concat(blurs[blur], ");") : '';
 };

package/dist/styled-components/es/mixins/applyEllipsis.js

@@ -1,4 +1,4 @@
-export var applyEllipsis = function() {
+export var applyEllipsis = function applyEllipsis() {
     return {
         overflow: 'hidden',
         'text-overflow': 'ellipsis',

package/dist/styled-components/es/mixins/applyHidden.js

@@ -1,3 +1,3 @@
-export var applyHidden = function() {
+export var applyHidden = function applyHidden() {
     return "visibility: hidden;\n    width: 0;\n    height: 0;\n    opacity: 0;\n    margin: 0;\n    padding: 0;\n    border: none;\n";
 };

package/dist/styled-components/es/mixins/applyNoUserSelect.js

@@ -1,4 +1,4 @@
-export var applyNoUserSelect = function() {
+export var applyNoUserSelect = function applyNoUserSelect() {
     return {
         'user-select': 'none',
         '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)'

package/dist/styled-components/es/mixins/applyRoundness.js

@@ -17,7 +17,7 @@
  * Функция для получения значения скругленности границ
  * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс roundness
  * Пример в компоненте Skeleton/LineSkeleton
- */ export var getRoundness = function(param) {
+ */ export var getRoundness = function getRoundness(param) {
     var roundness = param.roundness;
     if (!Number.isNaN(Number(roundness))) {
         return "".concat(radiuses[roundness], "rem");
@@ -27,6 +27,6 @@
 /**
  * Миксин скругленности.
  * roundness должно передаваться как css-переменная applyRoundness('var(--roundnes-token)')
- */ export var applyRoundness = function(roundness) {
+ */ export var applyRoundness = function applyRoundness(roundness) {
     return "\n            border-radius: ".concat(roundness, ";\n        ");
 };

package/dist/styled-components/es/mixins/applySkeletonGradient.js

@@ -2,7 +2,7 @@
  * Функция для получения значения градиента скелетона
  * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс gradientColor
  * Пример в компоненте Skeleton/LineSkeleton
- */ export var getSkeletonColor = function(param) {
+ */ export var getSkeletonColor = function getSkeletonColor(param) {
     var lighter = param.lighter, customGradientColor = param.customGradientColor;
     if (customGradientColor) {
         return customGradientColor.trim();
@@ -15,6 +15,6 @@
 /**
  * Миксин применения градиента скелетона.
  * gradientColor должно передаваться как css-переменная applySkeletonGradient('var(--gradient-token)')
- */ export var applySkeletonGradient = function(gradientColor) {
+ */ export var applySkeletonGradient = function applySkeletonGradient(gradientColor) {
     return "\n    position: relative;\n    overflow: hidden;\n    z-index: 1; /* for safari */\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100vw;\n        width: 200vw;\n        height: 100%;\n        animation: loading 4s linear infinite;\n        background-image: ".concat(gradientColor, ";\n    }\n\n    @keyframes loading {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(100vw);\n        }\n    }\n");
 };

package/dist/styled-components/es/mixins/applySpacing.js

@@ -122,7 +122,7 @@ export var spacing = _object_spread_props(_object_spread({}, baseSpacing), {
     '12x': baseSpacing[24],
     '16x': baseSpacing[32]
 });
-var createSpacingFn = function(params) {
+var createSpacingFn = function createSpacingFn(params) {
     return function(value) {
         return params.reduce(function(acc, cur) {
             return _object_spread_props(_object_spread({}, acc), _define_property({}, cur, spacing[value]));
@@ -194,7 +194,7 @@ export var spacingFns = {
 var spacingFnsList = Object.entries(spacingFns);
 /**
  * Миксин для добавления пропсов стандартных отступов в компонент.
- */ export var applySpacing = function(props) {
+ */ export var applySpacing = function applySpacing(props) {
     return spacingFnsList.reduce(function(styles, param) {
         var _param = _sliced_to_array(param, 2), fnName = _param[0], fn = _param[1];
         if (fnName in props) {

package/dist/styled-components/es/mixins/createApplyPaperMixin.js

@@ -27,7 +27,7 @@ function _object_spread(target) {
     }
     return target;
 }
-export var createApplyPaperMixin = function(tokens) {
+export var createApplyPaperMixin = function createApplyPaperMixin(tokens) {
     return function(param) {
         var backgroundColor = param.backgroundColor, shadow = param.shadow, borderRadius = param.borderRadius, styles = param.styles;
         return _object_spread({

package/dist/styled-components/es/mixins/mediaQuery.js

@@ -26,7 +26,7 @@ export var sizes = Object.keys(breakpoints);
 /**
  * Обертка над css-медиазапросами с заранее определенными брейкпоинтами.
  */ // TODO: https://github.com/salute-developers/plasma/issues/906
-export var mediaQuery = function(breakpoint) {
+export var mediaQuery = function mediaQuery(breakpoint) {
     var deviceScale = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
     var index = sizes.indexOf(breakpoint);
     var nextBreakpoint = sizes[index - 1];

package/dist/styled-components/es/utils/createEvent.js

@@ -1,4 +1,4 @@
-export var createEvent = function(ref) {
+export var createEvent = function createEvent(ref) {
     if (ref.current) {
         var event = new Event('change', {
             bubbles: true
@@ -12,14 +12,14 @@ export var createEvent = function(ref) {
     }
     return null;
 };
-var createSyntheticEvent = function(event) {
+var createSyntheticEvent = function createSyntheticEvent(event) {
     var isDefaultPrevented = false;
     var isPropagationStopped = false;
-    var preventDefault = function() {
+    var preventDefault = function preventDefault() {
         isDefaultPrevented = true;
         event.preventDefault();
     };
-    var stopPropagation = function() {
+    var stopPropagation = function stopPropagation() {
         isPropagationStopped = true;
         event.stopPropagation();
     };
@@ -33,14 +33,14 @@ var createSyntheticEvent = function(event) {
         eventPhase: event.eventPhase,
         isTrusted: event.isTrusted,
         preventDefault: preventDefault,
-        isDefaultPrevented: function() {
+        isDefaultPrevented: function isDefaultPrevented1() {
             return isDefaultPrevented;
         },
         stopPropagation: stopPropagation,
-        isPropagationStopped: function() {
+        isPropagationStopped: function isPropagationStopped1() {
             return isPropagationStopped;
         },
-        persist: function() {},
+        persist: function persist() {},
         timeStamp: event.timeStamp,
         type: event.type
     };

package/dist/styled-components/es/utils/deepCopy.js

@@ -1,5 +1,3 @@
-// Blazing-fast хелпер для глубокого копирования объектов.
-// Ссылки на функции (React-компоненты) сохраняются.
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -50,7 +48,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-export var deepCopy = function(obj) {
+// Blazing-fast хелпер для глубокого копирования объектов.
+// Ссылки на функции (React-компоненты) сохраняются.
+export var deepCopy = function deepCopy1(obj) {
     if (obj === null || (typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object') {
         return obj;
     }

package/dist/styled-components/es/utils/extractTextFrom.js

@@ -3,7 +3,7 @@ function _type_of(obj) {
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 import { isValidElement, Children } from "react";
-export var extractTextFrom = function(textSource) {
+export var extractTextFrom = function extractTextFrom1(textSource) {
     switch(typeof textSource === "undefined" ? "undefined" : _type_of(textSource)){
         case 'string':
             return textSource;

package/dist/styled-components/es/utils/getHeightAsNumber.js

@@ -1,6 +1,6 @@
 var DEFAULT_HEIGHT = 320;
 // Утилита на вход получает высоту в формате CSSProperties, и возвращает цифру в пикселях
-export var getHeightAsNumber = function(height) {
+export var getHeightAsNumber = function getHeightAsNumber(height) {
     if (!height) return DEFAULT_HEIGHT;
     if (typeof height === 'number') return height;
     var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);

package/dist/styled-components/es/utils/getPopoverPlacement.js

@@ -1,7 +1,7 @@
-export var getPlacement = function(placement) {
+export var getPlacement = function getPlacement(placement) {
     return "".concat(placement, "-start");
 };
-export var getPlacements = function(placements) {
+export var getPlacements = function getPlacements(placements) {
     var placeStartByDefault = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
     if (!placements) {
         return;

package/dist/styled-components/es/utils/getSizeValueFromProp.js

@@ -1,4 +1,4 @@
-export var getSizeValueFromProp = function(prop) {
+export var getSizeValueFromProp = function getSizeValueFromProp(prop) {
     var defaultUnit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'px';
     return Number.isNaN(Number(prop)) ? String(prop) : "".concat(prop).concat(defaultUnit);
 };

package/dist/styled-components/es/utils/index.js

@@ -15,7 +15,7 @@ export { getHeightAsNumber } from "./getHeightAsNumber";
 export { createConditionalComponent } from "./createConditionalComponent";
 export { deepCopy } from "./deepCopy";
 export { isArraysEqual } from "./isArraysEqual";
-export var cx = function() {
+export var cx = function cx() {
     for(var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++){
         classes[_key] = arguments[_key];
     }
@@ -23,15 +23,14 @@ export var cx = function() {
         return classItem;
     }).join(' ');
 };
-export var composableStyle = function(s) {
+export var composableStyle = function composableStyle(s) {
     for(var _len = arguments.length, expr = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
         expr[_key - 1] = arguments[_key];
     }
     var res = '';
     for(var i = 0; i < Math.max(s.length, expr.length); ++i){
-        var _s_i;
+        var _s_i, _expr_i;
         res += (_s_i = s[i]) !== null && _s_i !== void 0 ? _s_i : '';
-        var _expr_i;
         res += (_expr_i = expr[i]) !== null && _expr_i !== void 0 ? _expr_i : '';
     }
     return res;

package/dist/styled-components/es/utils/initialValuesHelper.js

@@ -1,4 +1,4 @@
-export var getFieldPattern = function(allowedSymbols) {
+export var getFieldPattern = function getFieldPattern(allowedSymbols) {
     if (!allowedSymbols) {
         return null;
     }
@@ -7,13 +7,13 @@ export var getFieldPattern = function(allowedSymbols) {
     }
     return allowedSymbols;
 };
-export var getCodeValue = function(codeLength, value) {
+export var getCodeValue = function getCodeValue(codeLength, value) {
     if (!value.length) {
         return new Array(codeLength).fill('');
     }
     return value.slice(0, codeLength).split('');
 };
-export var getPlaceholderValue = function(codeLength, placeholder) {
+export var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
     if (!placeholder || typeof placeholder !== 'string') {
         return null;
     }

package/dist/styled-components/es/utils/isArraysEqual.js

@@ -1,4 +1,4 @@
-export var isArraysEqual = function(a, b) {
+export var isArraysEqual = function isArraysEqual(a, b) {
     return a.length === b.length && a.every(function(val, i) {
         return val === b[i];
     });