@salutejs/plasma-core 1.226.1-next-sbcom.0 → 1.227.0-dev.0

package/es/mixins/applyDisabled.js

@@ -1,14 +1,11 @@
 import { css } from 'styled-components';
-var disabledCss = css([
-    "opacity:0.4;cursor:not-allowed;&:hover,&:active{transform:none;}"
+const disabledCss = css([
+    `opacity:0.4;cursor:not-allowed;&:hover,&:active{transform:none;}`
 ]);
 /**
  * Миксин неактивной кнопки
- */ export var applyDisabled = function applyDisabled(param) {
-    var disabled = param.disabled, $disabled = param.$disabled;
-    return css([
-        "&:disabled{",
-        "}",
-        ""
+ */ export const applyDisabled = ({ disabled, $disabled })=>css([
+        `&:disabled{`,
+        `}`,
+        ``
     ], disabledCss, (disabled || $disabled) && disabledCss);
-};

package/es/mixins/applyEllipsis.js

@@ -1,6 +1,4 @@
 import { css } from 'styled-components';
-export var applyEllipsis = function applyEllipsis() {
-    return css([
-        "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
+export const applyEllipsis = ()=>css([
+        `overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`
     ]);
-};

package/es/mixins/applyMaxLines.js

@@ -1,8 +1,5 @@
 import { css } from 'styled-components';
-export var applyMaxLines = function applyMaxLines(param) {
-    var maxLines = param.maxLines;
-    return maxLines && css([
-        "display:-webkit-box;overflow:hidden;box-sizing:border-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:",
-        ";"
+export const applyMaxLines = ({ maxLines })=>maxLines && css([
+        `display:-webkit-box;overflow:hidden;box-sizing:border-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:`,
+        `;`
     ], maxLines);
-};

package/es/mixins/applyNoSelect.js

@@ -1,6 +1,4 @@
 import { css } from 'styled-components';
-export var applyNoSelect = function applyNoSelect() {
-    return css([
-        "user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);"
+export const applyNoSelect = ()=>css([
+        `user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);`
     ]);
-};

package/es/mixins/applyOutline.js

@@ -1,6 +1,4 @@
 import { css } from 'styled-components';
-export var applyOutline = function applyOutline() {
-    return css([
-        "position:relative;&::before{content:'';position:absolute;top:var(--plasma-outline-offset);left:var(--plasma-outline-offset);right:var(--plasma-outline-offset);bottom:var(--plasma-outline-offset);display:block;box-sizing:border-box;border:var(--plasma-outline-offset) solid transparent;border-radius:var(--plasma-outline-radius);transition:box-shadow 0.2s ease-in-out;pointer-events:none;}&:focus::before{box-shadow:0 0 0 var(--plasma-outline-size) var(--plasma-outline-radius);}"
+export const applyOutline = ()=>css([
+        `position:relative;&::before{content:'';position:absolute;top:var(--plasma-outline-offset);left:var(--plasma-outline-offset);right:var(--plasma-outline-offset);bottom:var(--plasma-outline-offset);display:block;box-sizing:border-box;border:var(--plasma-outline-offset) solid transparent;border-radius:var(--plasma-outline-radius);transition:box-shadow 0.2s ease-in-out;pointer-events:none;}&:focus::before{box-shadow:0 0 0 var(--plasma-outline-size) var(--plasma-outline-radius);}`
     ]);
-};

package/es/mixins/applyRoundness.js

@@ -1,7 +1,7 @@
 import { css } from 'styled-components';
 /**
  * Набор часто встречающихся скруглений.
- */ export var radiuses = {
+ */ export const radiuses = {
     250: 15.625,
     32: 2,
     28: 1.75,
@@ -16,10 +16,7 @@ import { css } from 'styled-components';
 };
 /**
  * Миксин скругленности.
- */ export var applyRoundness = function applyRoundness(param) {
-    var roundness = param.roundness;
-    return css([
-        "border-radius:",
-        "rem;"
+ */ export const applyRoundness = ({ roundness })=>css([
+        `border-radius:`,
+        `rem;`
     ], radiuses[roundness]);
-};

package/es/mixins/applyScrollSnap.js

@@ -1,9 +1,6 @@
 import { css } from 'styled-components';
-export var applyScrollSnap = function applyScrollSnap(param) {
-    var scrollSnapAlign = param.scrollSnapAlign, scrollSnapStop = param.scrollSnapStop;
-    return scrollSnapAlign && css([
-        "scroll-snap-align:",
-        ";scroll-snap-stop:",
-        ";"
+export const applyScrollSnap = ({ scrollSnapAlign, scrollSnapStop })=>scrollSnapAlign && css([
+        `scroll-snap-align:`,
+        `;scroll-snap-stop:`,
+        `;`
     ], scrollSnapAlign, scrollSnapStop);
-};

package/es/mixins/applySkeletonGradient.js

@@ -1,13 +1,10 @@
 import { css, keyframes } from 'styled-components';
 import { skeletonGradient, skeletonGradientLighter } from '../tokens';
-var loading = keyframes([
-    "from{transform:translateX(0);}to{transform:translateX(100vw);}"
+const loading = keyframes([
+    `from{transform:translateX(0);}to{transform:translateX(100vw);}`
 ]);
-export var applySkeletonGradient = function applySkeletonGradient(param) {
-    var lighter = param.lighter;
-    return css([
-        "position:relative;overflow:hidden;z-index:1;&::before{content:'';position:absolute;animation:",
-        " 4s linear infinite;background-image:",
-        ";top:0;left:-100vw;width:200vw;height:100%;}"
+export const applySkeletonGradient = ({ lighter })=>css([
+        `position:relative;overflow:hidden;z-index:1;&::before{content:'';position:absolute;animation:`,
+        ` 4s linear infinite;background-image:`,
+        `;top:0;left:-100vw;width:200vw;height:100%;}`
     ], loading, lighter ? skeletonGradientLighter : skeletonGradient);
-};

package/es/mixins/applyView.js

@@ -1,7 +1,7 @@
 import { accent, white, text, buttonAccent, buttonSecondary, buttonSuccess, buttonWarning, buttonCritical, buttonChecked, transparent, background, blackSecondary } from '../tokens';
 /**
  * Общие цветовые стили оформления кнопок, баджей и т.п.
- */ export var views = {
+ */ export const views = {
     accent: {
         backgroundColor: accent,
         color: white
@@ -43,7 +43,4 @@ import { accent, white, text, buttonAccent, buttonSecondary, buttonSuccess, butt
 };
 /**
  * Миксин для применения общих цветовых стилей.
- */ export var applyView = function applyView(param) {
-    var view = param.view;
-    return views[view];
-};
+ */ export const applyView = ({ view })=>views[view];

package/es/mixins/blur.js

@@ -1,9 +1,6 @@
-export var blurs = {
+export const blurs = {
     small: '27px',
     medium: '37px',
     large: '50px'
 };
-export var applyBlur = function applyBlur(param) {
-    var blur = param.blur;
-    return blur && "backdrop-filter: blur(".concat(blurs[blur], ");");
-};
+export const applyBlur = ({ blur })=>blur && `backdrop-filter: blur(${blurs[blur]});`;

package/es/mixins/shadows.js

@@ -1,4 +1,4 @@
-export var shadows = {
+export const shadows = {
     tiny: '0 1px 1px rgba(0, 0, 0, 0.11)',
     small: '0 1px 4px rgba(0, 0, 0, 0.05)',
     medium: '0 1px 1px rgba(0, 0, 0, 0.05), 0 4px 14px rgba(0, 0, 0, 0.08)'

package/es/tokens/colors.js

@@ -1,48 +1,48 @@
-export var white = 'var(--plasma-colors-white)';
-export var whitePrimary = 'var(--plasma-colors-white-primary)';
-export var whiteSecondary = 'var(--plasma-colors-white-secondary)';
-export var whiteTertiary = 'var(--plasma-colors-white-tertiary)';
-export var black = 'var(--plasma-colors-black)';
-export var blackPrimary = 'var(--plasma-colors-black-primary)';
-export var blackSecondary = 'var(--plasma-colors-black-secondary)';
-export var blackTertiary = 'var(--plasma-colors-black-tertiary)';
-export var dark01 = 'var(--plasma-colors-dark01)';
-export var dark02 = 'var(--plasma-colors-dark02)';
-export var dark03 = 'var(--plasma-colors-dark03)';
-export var transparent = 'var(--plasma-colors-transparent)';
-export var text = 'var(--plasma-colors-text)';
-export var primary = 'var(--plasma-colors-primary)';
-export var secondary = 'var(--plasma-colors-secondary)';
-export var tertiary = 'var(--plasma-colors-tertiary)';
-export var inverse = 'var(--plasma-colors-inverse)';
-export var paragraph = 'var(--plasma-colors-paragraph)';
-export var background = 'var(--plasma-colors-background)';
-export var backgroundPrimary = 'var(--plasma-colors-background-primary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-export var backgroundSecondary = 'var(--plasma-colors-background-secondary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-export var backgroundTertiary = 'var(--plasma-colors-background-tertiary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-export var success = 'var(--plasma-colors-success)';
-export var warning = 'var(--plasma-colors-warning)';
-export var critical = 'var(--plasma-colors-critical)';
-export var overlay = 'var(--plasma-colors-overlay)';
-export var surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-export var surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-export var surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-export var surfaceSolid01 = 'var(--plasma-colors-surface-solid01)';
-export var surfaceSolid02 = 'var(--plasma-colors-surface-solid02)';
-export var surfaceSolid03 = 'var(--plasma-colors-surface-solid03)';
-export var surfaceCard = 'var(--plasma-colors-surface-card)';
-export var buttonPrimary = 'var(--plasma-colors-button-primary)';
-export var buttonSecondary = 'var(--plasma-colors-button-secondary)';
-export var buttonSuccess = 'var(--plasma-colors-button-success)';
-export var buttonWarning = 'var(--plasma-colors-button-warning)';
-export var buttonCritical = 'var(--plasma-colors-button-critical)';
-export var buttonChecked = 'var(--plasma-colors-button-checked)';
-export var speechBubbleSent = 'var(--plasma-colors-speech-bubble-sent)';
-export var speechBubbleReceived = 'var(--plasma-colors-speech-bubble-received)';
-export var accent = 'var(--plasma-colors-accent)';
-export var buttonAccent = 'var(--plasma-colors-button-accent)';
-export var buttonFocused = 'var(--plasma-colors-button-focused)';
-export var gradient = 'var(--plasma-colors-gradient)';
-export var voicePhraseGradient = 'var(--plasma-colors-voice-phrase-gradient)';
-export var skeletonGradient = 'var(--plasma-colors-skeleton-gradient)';
-export var skeletonGradientLighter = 'var(--plasma-colors-skeleton-gradient-lighter)';
+export const white = 'var(--plasma-colors-white)';
+export const whitePrimary = 'var(--plasma-colors-white-primary)';
+export const whiteSecondary = 'var(--plasma-colors-white-secondary)';
+export const whiteTertiary = 'var(--plasma-colors-white-tertiary)';
+export const black = 'var(--plasma-colors-black)';
+export const blackPrimary = 'var(--plasma-colors-black-primary)';
+export const blackSecondary = 'var(--plasma-colors-black-secondary)';
+export const blackTertiary = 'var(--plasma-colors-black-tertiary)';
+export const dark01 = 'var(--plasma-colors-dark01)';
+export const dark02 = 'var(--plasma-colors-dark02)';
+export const dark03 = 'var(--plasma-colors-dark03)';
+export const transparent = 'var(--plasma-colors-transparent)';
+export const text = 'var(--plasma-colors-text)';
+export const primary = 'var(--plasma-colors-primary)';
+export const secondary = 'var(--plasma-colors-secondary)';
+export const tertiary = 'var(--plasma-colors-tertiary)';
+export const inverse = 'var(--plasma-colors-inverse)';
+export const paragraph = 'var(--plasma-colors-paragraph)';
+export const background = 'var(--plasma-colors-background)';
+export const backgroundPrimary = 'var(--plasma-colors-background-primary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+export const backgroundSecondary = 'var(--plasma-colors-background-secondary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+export const backgroundTertiary = 'var(--plasma-colors-background-tertiary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+export const success = 'var(--plasma-colors-success)';
+export const warning = 'var(--plasma-colors-warning)';
+export const critical = 'var(--plasma-colors-critical)';
+export const overlay = 'var(--plasma-colors-overlay)';
+export const surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+export const surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+export const surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+export const surfaceSolid01 = 'var(--plasma-colors-surface-solid01)';
+export const surfaceSolid02 = 'var(--plasma-colors-surface-solid02)';
+export const surfaceSolid03 = 'var(--plasma-colors-surface-solid03)';
+export const surfaceCard = 'var(--plasma-colors-surface-card)';
+export const buttonPrimary = 'var(--plasma-colors-button-primary)';
+export const buttonSecondary = 'var(--plasma-colors-button-secondary)';
+export const buttonSuccess = 'var(--plasma-colors-button-success)';
+export const buttonWarning = 'var(--plasma-colors-button-warning)';
+export const buttonCritical = 'var(--plasma-colors-button-critical)';
+export const buttonChecked = 'var(--plasma-colors-button-checked)';
+export const speechBubbleSent = 'var(--plasma-colors-speech-bubble-sent)';
+export const speechBubbleReceived = 'var(--plasma-colors-speech-bubble-received)';
+export const accent = 'var(--plasma-colors-accent)';
+export const buttonAccent = 'var(--plasma-colors-button-accent)';
+export const buttonFocused = 'var(--plasma-colors-button-focused)';
+export const gradient = 'var(--plasma-colors-gradient)';
+export const voicePhraseGradient = 'var(--plasma-colors-voice-phrase-gradient)';
+export const skeletonGradient = 'var(--plasma-colors-skeleton-gradient)';
+export const skeletonGradientLighter = 'var(--plasma-colors-skeleton-gradient-lighter)';

package/es/tokens/typography.js

@@ -1,4 +1,4 @@
-export var body1 = {
+export const body1 = {
     fontFamily: 'var(--plasma-typo-body1-font-family)',
     fontWeight: 'var(--plasma-typo-body1-font-weight)',
     fontStyle: 'var(--plasma-typo-body1-font-style)',
@@ -6,7 +6,7 @@ export var body1 = {
     letterSpacing: 'var(--plasma-typo-body1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body1-line-height)'
 };
-export var body2 = {
+export const body2 = {
     fontFamily: 'var(--plasma-typo-body2-font-family)',
     fontWeight: 'var(--plasma-typo-body2-font-weight)',
     fontStyle: 'var(--plasma-typo-body2-font-style)',
@@ -14,7 +14,7 @@ export var body2 = {
     letterSpacing: 'var(--plasma-typo-body2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body2-line-height)'
 };
-export var body3 = {
+export const body3 = {
     fontFamily: 'var(--plasma-typo-body3-font-family)',
     fontWeight: 'var(--plasma-typo-body3-font-weight)',
     fontStyle: 'var(--plasma-typo-body3-font-style)',
@@ -22,7 +22,7 @@ export var body3 = {
     letterSpacing: 'var(--plasma-typo-body3-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body3-line-height)'
 };
-export var button1 = {
+export const button1 = {
     fontFamily: 'var(--plasma-typo-button1-font-family)',
     fontWeight: 'var(--plasma-typo-button1-font-weight)',
     fontStyle: 'var(--plasma-typo-button1-font-style)',
@@ -30,7 +30,7 @@ export var button1 = {
     letterSpacing: 'var(--plasma-typo-button1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-button1-line-height)'
 };
-export var button2 = {
+export const button2 = {
     fontFamily: 'var(--plasma-typo-button2-font-family)',
     fontWeight: 'var(--plasma-typo-button2-font-weight)',
     fontStyle: 'var(--plasma-typo-button2-font-style)',
@@ -38,7 +38,7 @@ export var button2 = {
     letterSpacing: 'var(--plasma-typo-button2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-button2-line-height)'
 };
-export var caption = {
+export const caption = {
     fontFamily: 'var(--plasma-typo-caption-font-family)',
     fontWeight: 'var(--plasma-typo-caption-font-weight)',
     fontStyle: 'var(--plasma-typo-caption-font-style)',
@@ -46,7 +46,7 @@ export var caption = {
     letterSpacing: 'var(--plasma-typo-caption-letter-spacing)',
     lineHeight: 'var(--plasma-typo-caption-line-height)'
 };
-export var display1 = {
+export const display1 = {
     fontFamily: 'var(--plasma-typo-display1-font-family)',
     fontWeight: 'var(--plasma-typo-display1-font-weight)',
     fontStyle: 'var(--plasma-typo-display1-font-style)',
@@ -54,7 +54,7 @@ export var display1 = {
     letterSpacing: 'var(--plasma-typo-display1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-display1-line-height)'
 };
-export var display2 = {
+export const display2 = {
     fontFamily: 'var(--plasma-typo-display2-font-family)',
     fontWeight: 'var(--plasma-typo-display2-font-weight)',
     fontStyle: 'var(--plasma-typo-display2-font-style)',
@@ -62,7 +62,7 @@ export var display2 = {
     letterSpacing: 'var(--plasma-typo-display2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-display2-line-height)'
 };
-export var display3 = {
+export const display3 = {
     fontFamily: 'var(--plasma-typo-display3-font-family)',
     fontWeight: 'var(--plasma-typo-display3-font-weight)',
     fontStyle: 'var(--plasma-typo-display3-font-style)',
@@ -70,7 +70,7 @@ export var display3 = {
     letterSpacing: 'var(--plasma-typo-display3-letter-spacing)',
     lineHeight: 'var(--plasma-typo-display3-line-height)'
 };
-export var footnote1 = {
+export const footnote1 = {
     fontFamily: 'var(--plasma-typo-footnote1-font-family)',
     fontWeight: 'var(--plasma-typo-footnote1-font-weight)',
     fontStyle: 'var(--plasma-typo-footnote1-font-style)',
@@ -78,7 +78,7 @@ export var footnote1 = {
     letterSpacing: 'var(--plasma-typo-footnote1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-footnote1-line-height)'
 };
-export var footnote2 = {
+export const footnote2 = {
     fontFamily: 'var(--plasma-typo-footnote2-font-family)',
     fontWeight: 'var(--plasma-typo-footnote2-font-weight)',
     fontStyle: 'var(--plasma-typo-footnote2-font-style)',
@@ -86,7 +86,7 @@ export var footnote2 = {
     letterSpacing: 'var(--plasma-typo-footnote2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-footnote2-line-height)'
 };
-export var headline1 = {
+export const headline1 = {
     fontFamily: 'var(--plasma-typo-headline1-font-family)',
     fontWeight: 'var(--plasma-typo-headline1-font-weight)',
     fontStyle: 'var(--plasma-typo-headline1-font-style)',
@@ -94,7 +94,7 @@ export var headline1 = {
     letterSpacing: 'var(--plasma-typo-headline1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline1-line-height)'
 };
-export var headline2 = {
+export const headline2 = {
     fontFamily: 'var(--plasma-typo-headline2-font-family)',
     fontWeight: 'var(--plasma-typo-headline2-font-weight)',
     fontStyle: 'var(--plasma-typo-headline2-font-style)',
@@ -102,7 +102,7 @@ export var headline2 = {
     letterSpacing: 'var(--plasma-typo-headline2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline2-line-height)'
 };
-export var headline3 = {
+export const headline3 = {
     fontFamily: 'var(--plasma-typo-headline3-font-family)',
     fontWeight: 'var(--plasma-typo-headline3-font-weight)',
     fontStyle: 'var(--plasma-typo-headline3-font-style)',
@@ -110,7 +110,7 @@ export var headline3 = {
     letterSpacing: 'var(--plasma-typo-headline3-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline3-line-height)'
 };
-export var headline4 = {
+export const headline4 = {
     fontFamily: 'var(--plasma-typo-headline4-font-family)',
     fontWeight: 'var(--plasma-typo-headline4-font-weight)',
     fontStyle: 'var(--plasma-typo-headline4-font-style)',
@@ -118,7 +118,7 @@ export var headline4 = {
     letterSpacing: 'var(--plasma-typo-headline4-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline4-line-height)'
 };
-export var paragraph1 = {
+export const paragraph1 = {
     fontFamily: 'var(--plasma-typo-paragraph1-font-family)',
     fontWeight: 'var(--plasma-typo-paragraph1-font-weight)',
     fontStyle: 'var(--plasma-typo-paragraph1-font-style)',
@@ -126,7 +126,7 @@ export var paragraph1 = {
     letterSpacing: 'var(--plasma-typo-paragraph1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-paragraph1-line-height)'
 };
-export var paragraph2 = {
+export const paragraph2 = {
     fontFamily: 'var(--plasma-typo-paragraph2-font-family)',
     fontWeight: 'var(--plasma-typo-paragraph2-font-weight)',
     fontStyle: 'var(--plasma-typo-paragraph2-font-style)',
@@ -134,7 +134,7 @@ export var paragraph2 = {
     letterSpacing: 'var(--plasma-typo-paragraph2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-paragraph2-line-height)'
 };
-export var underline = {
+export const underline = {
     fontFamily: 'var(--plasma-typo-underline-font-family)',
     fontWeight: 'var(--plasma-typo-underline-font-weight)',
     fontStyle: 'var(--plasma-typo-underline-font-style)',

package/es/utils/__tests__/formatters.test.js

@@ -48,7 +48,7 @@ test.each([
         11,
         'декабря'
     ]
-])("monthLongName(%s) return '%s'", function(index, monthName) {
+])("monthLongName(%s) return '%s'", (index, monthName)=>{
     expect(monthLongName(index)).toBe(monthName);
 });
 test.each([
@@ -100,6 +100,6 @@ test.each([
         11,
         'дек'
     ]
-])("monthShortName(%s) return '%s'", function(index, monthName) {
+])("monthShortName(%s) return '%s'", (index, monthName)=>{
     expect(monthShortName(index)).toBe(monthName);
 });

package/es/utils/animatedScrollTo.js

@@ -1,20 +1,12 @@
-var DEFAULT_DURATION = 300;
+const DEFAULT_DURATION = 300;
 // https://css-tricks.com/emulating-css-timing-functions-javascript/
-var tfs = {
-    linear: function linear(t) {
-        return t;
-    },
+const tfs = {
+    linear: (t)=>t,
     // eslint-disable-next-line
-    easeIn: function easeIn(t) {
-        return Math.pow(t, 1.675);
-    },
+    easeIn: (t)=>Math.pow(t, 1.675),
     // eslint-disable-next-line
-    easeOut: function easeOut(t) {
-        return 1 - Math.pow(1 - t, 1.675);
-    },
-    easeInOut: function easeInOut(t) {
-        return 0.5 * (Math.sin((t - 0.5) * Math.PI) + 1);
-    }
+    easeOut: (t)=>1 - Math.pow(1 - t, 1.675),
+    easeInOut: (t)=>0.5 * (Math.sin((t - 0.5) * Math.PI) + 1)
 };
 /**
  * Плавная прокрутка по горизонтали
@@ -22,18 +14,17 @@ var tfs = {
  * @param {number} pos
  * @param {number} duration
  * @param {string} timingFunction
- */ export var animatedScrollToX = function animatedScrollToX(elem, pos) {
-    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, timingFunction = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 'easeInOut';
-    var startTime;
-    var startX = elem.scrollLeft;
-    var endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));
-    var handleNewAnimationFrame = function handleNewAnimationFrame1() {
+ */ export const animatedScrollToX = (elem, pos, duration = DEFAULT_DURATION, timingFunction = 'easeInOut')=>{
+    let startTime;
+    const startX = elem.scrollLeft;
+    const endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));
+    const handleNewAnimationFrame = ()=>{
         startTime = startTime || Date.now();
-        var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
-        var scrollPos = tfs[timingFunction](timePos);
-        var left = startX + (endX - startX) * scrollPos;
+        const timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
+        const scrollPos = tfs[timingFunction](timePos);
+        const left = startX + (endX - startX) * scrollPos;
         elem.scrollTo({
-            left: left
+            left
         });
         if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);
     };
@@ -45,18 +36,17 @@ var tfs = {
  * @param {number} pos
  * @param {number} duration
  * @param {string} timingFunction
- */ export var animatedScrollToY = function animatedScrollToY(elem, pos) {
-    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, timingFunction = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 'easeInOut';
-    var startTime;
-    var startY = elem.scrollTop;
-    var endY = Math.max(0, Math.min(elem.scrollHeight - elem.clientHeight, pos));
-    var handleNewAnimationFrame = function handleNewAnimationFrame1() {
+ */ export const animatedScrollToY = (elem, pos, duration = DEFAULT_DURATION, timingFunction = 'easeInOut')=>{
+    let startTime;
+    const startY = elem.scrollTop;
+    const endY = Math.max(0, Math.min(elem.scrollHeight - elem.clientHeight, pos));
+    const handleNewAnimationFrame = ()=>{
         startTime = startTime || Date.now();
-        var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
-        var scrollPos = tfs[timingFunction](timePos);
-        var top = startY + (endY - startY) * scrollPos;
+        const timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
+        const scrollPos = tfs[timingFunction](timePos);
+        const top = startY + (endY - startY) * scrollPos;
         elem.scrollTo({
-            top: top
+            top
         });
         if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);
     };

package/es/utils/canUseDOM.js

@@ -1,4 +1,4 @@
 /**
  * This constant tells you whether can DOM be used.
  * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
- */ export var canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
+ */ export const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');

package/es/utils/extractTextFrom.js

@@ -1,10 +1,6 @@
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
 import { isValidElement, Children } from 'react';
-export var extractTextFrom = function extractTextFrom1(textSource) {
-    switch(typeof textSource === "undefined" ? "undefined" : _type_of(textSource)){
+export const extractTextFrom = (textSource)=>{
+    switch(typeof textSource){
         case 'string':
             return textSource;
         case 'number':
@@ -14,7 +10,7 @@ export var extractTextFrom = function extractTextFrom1(textSource) {
                 if (!isValidElement(textSource) || !textSource.props || !textSource.props.children) {
                     return '';
                 }
-                return Children.map(textSource.props.children, function(child) {
+                return Children.map(textSource.props.children, (child)=>{
                     return extractTextFrom(child);
                 }).join('');
             }