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

package/__helpers/IconPlaceholder.js

@@ -8,26 +8,23 @@ Object.defineProperty(exports, "IconPlaceholder", {
         return IconPlaceholder;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var sizes = {
+const sizes = {
     xs: 'width: 1rem;height: 1rem;',
     s: 'width: 1.5rem;height: 1.5rem;',
     m: 'width: 2.25rem;height: 2.25rem;',
     l: 'width: 3rem;height: 3rem;',
     xl: 'width: 3.5rem;height: 3.5rem;'
 };
-var IconPlaceholder = _styledcomponents.default.div.withConfig({
+const IconPlaceholder = _styledcomponents.default.div.withConfig({
     displayName: "IconPlaceholder",
     componentId: "sc-c34b6bd1-0"
 })([
-    "",
-    ";border-radius:50%;background:rgba(0,0,0,0.32);"
-], function(param) {
-    var size = param.size;
-    return sizes[size || 's'];
-});
+    ``,
+    `;border-radius:50%;background:rgba(0,0,0,0.32);`
+], ({ size })=>sizes[size || 's']);

package/__helpers/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "IconPlaceholder", {
         return _IconPlaceholder.IconPlaceholder;
     }
 });
-var _IconPlaceholder = require("./IconPlaceholder");
+const _IconPlaceholder = require("./IconPlaceholder");

package/collectPackageInfo.js

@@ -9,23 +9,23 @@ Object.defineProperty(exports, "collectPackageInfo", {
         return collectPackageInfo;
     }
 });
-var _pkg = /*#__PURE__*/ _interop_require_default(require("@pkg"));
+const _pkg = /*#__PURE__*/ _interop_require_default(require("@pkg"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var collectPackageInfo = function collectPackageInfo(entityName) {
+const collectPackageInfo = (entityName)=>{
     if (typeof window === 'undefined') {
         return;
     }
-    var name = _pkg.default.name, version = _pkg.default.version;
+    const { name, version } = _pkg.default;
     if (!window.__PLASMA_INFO__) {
         window.__PLASMA_INFO__ = {};
     }
     if (!window.__PLASMA_INFO__[name]) {
         window.__PLASMA_INFO__[name] = {
-            version: version,
+            version,
             entities: [
                 entityName
             ]

package/components/Badge/Badge.js

@@ -19,22 +19,9 @@ _export(exports, {
         return badgeSizes;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _tokens = require("../../tokens");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _tokens = require("../../tokens");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -81,58 +68,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-var badgeSizes = {
+const badgeSizes = {
     l: {
         textMarginX: '0.25rem',
         textMarginLeftAfterContent: '0.25rem'
@@ -142,7 +78,7 @@ var badgeSizes = {
         textMarginLeftAfterContent: '0.125rem'
     }
 };
-var badgeRootSizes = {
+const badgeRootSizes = {
     l: {
         height: '1.5rem',
         padding: '0.25rem',
@@ -158,49 +94,40 @@ var badgeRootSizes = {
         fontSize: '0.625rem'
     }
 };
-var StyledText = _styledcomponents.default.span.withConfig({
+const StyledText = _styledcomponents.default.span.withConfig({
     displayName: "Badge__StyledText",
     componentId: "sc-4f989aef-0"
 })([
-    ""
+    ``
 ]);
-var StyledContent = _styledcomponents.default.div.withConfig({
+const StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "Badge__StyledContent",
     componentId: "sc-4f989aef-1"
 })([
-    "display:flex;"
+    `display:flex;`
 ]);
-var StyledBadge = _styledcomponents.default.div.withConfig({
+const StyledBadge = _styledcomponents.default.div.withConfig({
     displayName: "Badge__StyledBadge",
     componentId: "sc-4f989aef-2"
 })([
-    "",
-    ";display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;width:max-content;",
-    ";"
-], _tokens.caption, function(param) {
-    var size = param.size, circled = param.circled;
-    return (0, _styledcomponents.css)([
-        "",
-        ";",
-        " ",
-        "{margin-left:",
-        ";margin-right:",
-        ";}",
-        " ~ ",
-        "{margin-left:",
-        ";}"
+    ``,
+    `;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;width:max-content;`,
+    `;`
+], _tokens.caption, ({ size, circled })=>(0, _styledcomponents.css)([
+        ``,
+        `;`,
+        ` `,
+        `{margin-left:`,
+        `;margin-right:`,
+        `;}`,
+        ` ~ `,
+        `{margin-left:`,
+        `;}`
     ], badgeRootSizes[size], circled && (0, _styledcomponents.css)([
-        "width:",
-        ";padding-left:0;padding-right:0;"
-    ], badgeRootSizes[size].minWidth), StyledText, badgeSizes[size].textMarginX, badgeSizes[size].textMarginX, StyledContent, StyledText, badgeSizes[size].textMarginLeftAfterContent);
-});
-var Badge = function Badge(_0) {
-    var _0_size = _0.size, size = _0_size === void 0 ? 'l' : _0_size, text = _0.text, contentLeft = _0.contentLeft, rest = _object_without_properties(_0, [
-        "size",
-        "text",
-        "contentLeft"
-    ]);
-    return /*#__PURE__*/ _react.default.createElement(StyledBadge, _object_spread({
-        size: size
-    }, rest), contentLeft && /*#__PURE__*/ _react.default.createElement(StyledContent, null, contentLeft), text && /*#__PURE__*/ _react.default.createElement(StyledText, null, text));
-};
+        `width:`,
+        `;padding-left:0;padding-right:0;`
+    ], badgeRootSizes[size].minWidth), StyledText, badgeSizes[size].textMarginX, badgeSizes[size].textMarginX, StyledContent, StyledText, badgeSizes[size].textMarginLeftAfterContent));
+const Badge = ({ size = 'l', text, contentLeft, ...rest })=>/*#__PURE__*/ _react.default.createElement(StyledBadge, {
+        size: size,
+        ...rest
+    }, contentLeft && /*#__PURE__*/ _react.default.createElement(StyledContent, null, contentLeft), text && /*#__PURE__*/ _react.default.createElement(StyledText, null, text));

package/components/Badge/index.js

@@ -16,4 +16,4 @@ _export(exports, {
         return _Badge.badgeSizes;
     }
 });
-var _Badge = require("./Badge");
+const _Badge = require("./Badge");

package/components/Basebox/Basebox.js

@@ -31,11 +31,11 @@ _export(exports, {
         return StyledTrigger;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _Typography = require("../Typography");
-var _mixins = require("../../mixins");
-var _tokens = require("../../tokens");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _Typography = require("../Typography");
+const _mixins = require("../../mixins");
+const _tokens = require("../../tokens");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -82,65 +82,56 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-var StyledRoot = _styledcomponents.default.div.withConfig({
+const StyledRoot = _styledcomponents.default.div.withConfig({
     displayName: "Basebox__StyledRoot",
     componentId: "sc-a5c1d526-0"
 })([
-    "",
-    " position:relative;align-items:flex-start;display:flex;cursor:pointer;"
+    ``,
+    ` position:relative;align-items:flex-start;display:flex;cursor:pointer;`
 ], _mixins.applyNoSelect);
-var StyledContentWrapper = _styledcomponents.default.label.withConfig({
+const StyledContentWrapper = _styledcomponents.default.label.withConfig({
     displayName: "Basebox__StyledContentWrapper",
     componentId: "sc-a5c1d526-1"
 })([
-    "position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"
+    `position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;`
 ]);
-var StyledInput = _styledcomponents.default.input.withConfig({
+const StyledInput = _styledcomponents.default.input.withConfig({
     displayName: "Basebox__StyledInput",
     componentId: "sc-a5c1d526-2"
 })([
-    "position:absolute;&:focus{outline:0 none;}"
+    `position:absolute;&:focus{outline:0 none;}`
 ]);
-var StyledTrigger = _styledcomponents.default.div.withConfig({
+const StyledTrigger = _styledcomponents.default.div.withConfig({
     displayName: "Basebox__StyledTrigger",
     componentId: "sc-a5c1d526-3"
 })([
-    "box-sizing:border-box;position:relative;transition:",
-    ";"
-], function(param) {
-    var theme = param.theme;
-    return theme.lowPerformance ? 'unset' : 'all 0.1s ease-in-out';
-});
-var StyledContent = _styledcomponents.default.div.withConfig({
+    `box-sizing:border-box;position:relative;transition:`,
+    `;`
+], ({ theme })=>theme.lowPerformance ? 'unset' : 'all 0.1s ease-in-out');
+const StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "Basebox__StyledContent",
     componentId: "sc-a5c1d526-4"
 })([
-    "display:flex;flex-direction:column;margin-left:0.75rem;"
+    `display:flex;flex-direction:column;margin-left:0.75rem;`
 ]);
-var StyledLabel = (0, _styledcomponents.default)(_Typography.Body1).withConfig({
+const StyledLabel = (0, _styledcomponents.default)(_Typography.Body1).withConfig({
     displayName: "Basebox__StyledLabel",
     componentId: "sc-a5c1d526-5"
 })([
-    "",
-    ""
-], function(param) {
-    var singleLine = param.singleLine;
-    return singleLine && (0, _styledcomponents.css)([
-        "",
-        ""
-    ], _mixins.applyEllipsis);
-});
-var StyledDescription = (0, _styledcomponents.default)(_Typography.Footnote1).withConfig({
+    ``,
+    ``
+], ({ singleLine })=>singleLine && (0, _styledcomponents.css)([
+        ``,
+        ``
+    ], _mixins.applyEllipsis));
+const StyledDescription = (0, _styledcomponents.default)(_Typography.Footnote1).withConfig({
     displayName: "Basebox__StyledDescription",
     componentId: "sc-a5c1d526-6"
 })([
-    "color:",
-    ";",
-    ""
-], _tokens.secondary, function(param) {
-    var singleLine = param.singleLine;
-    return singleLine && (0, _styledcomponents.css)([
-        "",
-        ""
-    ], _mixins.applyEllipsis);
-});
+    `color:`,
+    `;`,
+    ``
+], _tokens.secondary, ({ singleLine })=>singleLine && (0, _styledcomponents.css)([
+        ``,
+        ``
+    ], _mixins.applyEllipsis));

package/components/Basebox/index.js

@@ -31,4 +31,4 @@ _export(exports, {
         return _Basebox.StyledTrigger;
     }
 });
-var _Basebox = require("./Basebox");
+const _Basebox = require("./Basebox");

package/components/Button/Button.js

@@ -28,96 +28,57 @@ _export(exports, {
         return StyledSpinner;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _mixins = require("../../mixins");
-var _Spinner = require("../Spinner");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _mixins = require("../../mixins");
+const _Spinner = require("../Spinner");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-var ButtonRoot = _styledcomponents.default.button.withConfig({
+const ButtonRoot = _styledcomponents.default.button.withConfig({
     displayName: "Button__ButtonRoot",
     componentId: "sc-b39b3537-0"
 })([
-    "position:relative;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);a&{text-decoration:none;}&:focus{outline:none;}",
-    " ",
-    ""
-], function(param) {
-    var isLoading = param.$isLoading;
-    return !isLoading && _mixins.applyDisabled;
-}, _mixins.applyBlur);
-var ButtonLoader = _styledcomponents.default.div.withConfig({
+    `position:relative;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);a&{text-decoration:none;}&:focus{outline:none;}`,
+    ` `,
+    ``
+], ({ $isLoading: isLoading })=>!isLoading && _mixins.applyDisabled, _mixins.applyBlur);
+const ButtonLoader = _styledcomponents.default.div.withConfig({
     displayName: "Button__ButtonLoader",
     componentId: "sc-b39b3537-1"
 })([
-    "position:absolute;"
+    `position:absolute;`
 ]);
-var StyledSpinner = (0, _styledcomponents.default)(_Spinner.Spinner).withConfig({
+const StyledSpinner = (0, _styledcomponents.default)(_Spinner.Spinner).withConfig({
     displayName: "Button__StyledSpinner",
     componentId: "sc-b39b3537-2"
 })([
-    "width:1.375rem;"
+    `width:1.375rem;`
 ]);
-var ButtonContentWrapper = _styledcomponents.default.span.withConfig({
+const ButtonContentWrapper = _styledcomponents.default.span.withConfig({
     displayName: "Button__ButtonContentWrapper",
     componentId: "sc-b39b3537-3"
 })([
-    "display:flex;align-items:inherit;justify-content:inherit;width:100%;",
-    ""
-], function(param) {
-    var isLoading = param.$isLoading;
-    return isLoading && 'opacity: 0;';
-});
-var ButtonText = _styledcomponents.default.span.withConfig({
+    `display:flex;align-items:inherit;justify-content:inherit;width:100%;`,
+    ``
+], ({ $isLoading: isLoading })=>isLoading && 'opacity: 0;');
+const ButtonText = _styledcomponents.default.span.withConfig({
     displayName: "Button__ButtonText",
     componentId: "sc-b39b3537-4"
 })([
-    "box-sizing:border-box;",
-    " ",
-    " ",
-    ""
-], _mixins.applyEllipsis, function(param) {
-    var isContentLeft = param.$isContentLeft;
-    return isContentLeft && 'margin-left: 0.375rem;';
-}, function(param) {
-    var isContentRight = param.$isContentRight;
-    return isContentRight && 'margin-right: 0.375rem;';
-});
-var Button = /*#__PURE__*/ _react.default.forwardRef(// eslint-disable-next-line prefer-arrow-callback
+    `box-sizing:border-box;`,
+    ` `,
+    ` `,
+    ``
+], _mixins.applyEllipsis, ({ $isContentLeft: isContentLeft })=>isContentLeft && 'margin-left: 0.375rem;', ({ $isContentRight: isContentRight })=>isContentRight && 'margin-right: 0.375rem;');
+const Button = /*#__PURE__*/ _react.default.forwardRef(// eslint-disable-next-line prefer-arrow-callback
 function Button(props, ref) {
-    return /*#__PURE__*/ _react.default.createElement(ButtonRoot, _object_spread({
-        ref: ref
-    }, props));
+    return /*#__PURE__*/ _react.default.createElement(ButtonRoot, {
+        ref: ref,
+        ...props
+    });
 });
 Button.defaultProps = {
     pin: 'square-square',

package/components/Button/Button.mixins.js

@@ -8,65 +8,11 @@ Object.defineProperty(exports, "getButtonSizesMixin", {
         return getButtonSizesMixin;
     }
 });
-var _styledcomponents = require("styled-components");
-var _mixins = require("../../mixins");
-var _utils = require("../../utils");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var getButtonSizesMixin = function getButtonSizesMixin(sizes, typos) {
-    return function(param) {
-        var size = param.size, pin = param.pin, outlined = param.outlined, focused = param.focused, isContentLeft = param.$isContentLeft, isContentRight = param.$isContentRight, shiftLeft = param.shiftLeft, shiftRight = param.shiftRight, square = param.square, stretch = param.stretch, theme = param.theme;
-        var paddingX = sizes[size].paddingX;
+const _styledcomponents = require("styled-components");
+const _mixins = require("../../mixins");
+const _utils = require("../../utils");
+const getButtonSizesMixin = (sizes, typos)=>({ size, pin, outlined, focused, $isContentLeft: isContentLeft, $isContentRight: isContentRight, shiftLeft, shiftRight, square, stretch, theme })=>{
+        let { paddingX } = sizes[size];
         if (square) {
             paddingX = sizes[size].paddingY;
         } else if (stretch) {
@@ -75,21 +21,21 @@ var getButtonSizesMixin = function getButtonSizesMixin(sizes, typos) {
             paddingX = sizes[size].paddingContentX;
         }
         return (0, _styledcomponents.css)([
-            "height:",
-            ";padding:",
-            " ",
-            ";border-radius:",
-            ";",
-            " ",
-            " ",
-            " ",
-            " ",
-            " ",
-            ""
-        ], sizes[size].height, sizes[size].paddingY, paddingX, (0, _utils.convertRoundnessMatrix)(pin, sizes[size].radius, sizes[size].radiusCircle), stretch && 'width: 100%;', square && " width: ".concat(sizes[size].height, ";"), shiftLeft && "margin-left: calc(-1 * ".concat(paddingX, ");"), shiftRight && "margin-right: calc(-1 * ".concat(paddingX, ");"), typos[size], (0, _mixins.addFocus)(_object_spread_props(_object_spread({}, theme), {
-            focused: focused,
-            outlined: outlined,
-            outlineRadius: (0, _utils.convertRoundnessMatrix)(pin, "calc(".concat(sizes[size].radius, " + var(--plasma-outline-size))"), "calc(".concat(sizes[size].radiusCircle, " + var(--plasma-outline-size))"))
-        })));
+            `height:`,
+            `;padding:`,
+            ` `,
+            `;border-radius:`,
+            `;`,
+            ` `,
+            ` `,
+            ` `,
+            ` `,
+            ` `,
+            ``
+        ], sizes[size].height, sizes[size].paddingY, paddingX, (0, _utils.convertRoundnessMatrix)(pin, sizes[size].radius, sizes[size].radiusCircle), stretch && 'width: 100%;', square && ` width: ${sizes[size].height};`, shiftLeft && `margin-left: calc(-1 * ${paddingX});`, shiftRight && `margin-right: calc(-1 * ${paddingX});`, typos[size], (0, _mixins.addFocus)({
+            ...theme,
+            focused,
+            outlined,
+            outlineRadius: (0, _utils.convertRoundnessMatrix)(pin, `calc(${sizes[size].radius} + var(--plasma-outline-size))`, `calc(${sizes[size].radiusCircle} + var(--plasma-outline-size))`)
+        }));
     };
-};

package/components/Button/Button.props.js

@@ -19,9 +19,9 @@ _export(exports, {
         return buttonViews;
     }
 });
-var _mixins = require("../../mixins");
-var _tokens = require("../../tokens");
-var buttonViews = {
+const _mixins = require("../../mixins");
+const _tokens = require("../../tokens");
+const buttonViews = {
     primary: _mixins.views.primary,
     secondary: _mixins.views.secondary,
     success: _mixins.views.success,
@@ -31,7 +31,7 @@ var buttonViews = {
     overlay: _mixins.views.overlay,
     clear: _mixins.views.clear
 };
-var buttonSizes = {
+const buttonSizes = {
     l: {
         height: 'var(--plasma-button-l-height)',
         paddingY: 'var(--plasma-button-l-padding-y)',
@@ -60,7 +60,7 @@ var buttonSizes = {
         radiusCircle: 'var(--plasma-button-s-radius-circle)'
     }
 };
-var buttonTypography = {
+const buttonTypography = {
     l: _tokens.button1,
     m: _tokens.button1,
     s: _tokens.button2