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

package/components/Toast/Toast.js

@@ -16,35 +16,34 @@ _export(exports, {
         return Toast;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _mixins = require("../../mixins");
-var _tokens = require("../../tokens");
-var _Typography = require("../Typography");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _mixins = require("../../mixins");
+const _tokens = require("../../tokens");
+const _Typography = require("../Typography");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var StyledRoot = (0, _styledcomponents.default)(_Typography.Footnote1).withConfig({
+const StyledRoot = (0, _styledcomponents.default)(_Typography.Footnote1).withConfig({
     displayName: "Toast__StyledRoot",
     componentId: "sc-d40fdfda-0"
 })([
-    "display:inline-flex;align-items:center;padding:0.6875rem 1.25rem;border-radius:1.5rem;background:",
-    ";color:",
-    ";",
-    ";"
+    `display:inline-flex;align-items:center;padding:0.6875rem 1.25rem;border-radius:1.5rem;background:`,
+    `;color:`,
+    `;`,
+    `;`
 ], _tokens.dark02, _tokens.white, _mixins.applyNoSelect);
-var StyledContent = _styledcomponents.default.div.withConfig({
+const StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "Toast__StyledContent",
     componentId: "sc-d40fdfda-1"
 })([
-    "display:flex;align-items:center;margin-right:0.5rem;"
+    `display:flex;align-items:center;margin-right:0.5rem;`
 ]);
-var Toast = function Toast(param) {
-    var _param_role = param.role, role = _param_role === void 0 ? 'status' : _param_role, text = param.text, contentLeft = param.contentLeft;
-    var ariaLive = 'polite';
-    var ariaAtomic = false;
+const Toast = ({ role = 'status', text, contentLeft })=>{
+    let ariaLive = 'polite';
+    let ariaAtomic = false;
     if (role === 'alert') {
         ariaLive = 'assertive';
     } else if (role === 'status') {

package/components/Toast/ToastContext.js

@@ -8,15 +8,11 @@ Object.defineProperty(exports, "ToastContext", {
         return ToastContext;
     }
 });
-var _react = require("react");
-var ToastContext = /*#__PURE__*/ (0, _react.createContext)({
+const _react = require("react");
+const ToastContext = /*#__PURE__*/ (0, _react.createContext)({
     text: null,
     position: null,
     timeout: null,
-    showToast: function showToast() {
-        return undefined;
-    },
-    hideToast: function hideToast() {
-        return undefined;
-    }
+    showToast: ()=>undefined,
+    hideToast: ()=>undefined
 });

package/components/Toast/ToastController.js

@@ -8,20 +8,12 @@ Object.defineProperty(exports, "ToastController", {
         return ToastController;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _Fade = require("../Fade");
-var _utils = require("../../utils");
-var _Toast = require("./Toast");
-var _useToast = require("./useToast");
-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];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _Fade = require("../Fade");
+const _utils = require("../../utils");
+const _Toast = require("./Toast");
+const _useToast = require("./useToast");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -63,106 +55,57 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    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);
-}
-var showAnimation = function showAnimation(position) {
-    return (0, _styledcomponents.keyframes)([
-        "0%{transform:translate(-50%,",
-        "5rem);opacity:0;}80%{transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}"
+const showAnimation = (position)=>(0, _styledcomponents.keyframes)([
+        `0%{transform:translate(-50%,`,
+        `5rem);opacity:0;}80%{transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}`
     ], position === 'top' && '-');
-};
-var hideAnimation = function hideAnimation(position) {
-    return (0, _styledcomponents.keyframes)([
-        "0%{opacity:1;}20%{transform:translate(-50%,0);opacity:0.7;}100%{transform:translate(-50%,",
-        "5rem);opacity:0;}"
+const hideAnimation = (position)=>(0, _styledcomponents.keyframes)([
+        `0%{opacity:1;}20%{transform:translate(-50%,0);opacity:0.7;}100%{transform:translate(-50%,`,
+        `5rem);opacity:0;}`
     ], position === 'top' && '-');
-};
-var fadeIn = (0, _styledcomponents.keyframes)([
-    "from{opacity:0;}to{opacity:1;}"
+const fadeIn = (0, _styledcomponents.keyframes)([
+    `from{opacity:0;}to{opacity:1;}`
 ]);
-var fadeOut = (0, _styledcomponents.keyframes)([
-    "from{opacity:1;}to{opacity:0;}"
+const fadeOut = (0, _styledcomponents.keyframes)([
+    `from{opacity:1;}to{opacity:0;}`
 ]);
-var StyledFade = (0, _styledcomponents.default)(_Fade.Fade).withConfig({
+const StyledFade = (0, _styledcomponents.default)(_Fade.Fade).withConfig({
     displayName: "ToastController__StyledFade",
     componentId: "sc-339da759-0"
 })([
-    "",
-    ";"
-], function(param) {
-    var isVisible = param.isVisible;
-    return (0, _styledcomponents.css)([
-        "animation:300ms ",
-        ";"
-    ], isVisible ? fadeIn : fadeOut);
-});
-var StyledRoot = _styledcomponents.default.div.withConfig({
+    ``,
+    `;`
+], ({ isVisible })=>(0, _styledcomponents.css)([
+        `animation:300ms `,
+        `;`
+    ], isVisible ? fadeIn : fadeOut));
+const StyledRoot = _styledcomponents.default.div.withConfig({
     displayName: "ToastController__StyledRoot",
     componentId: "sc-339da759-1"
 })([
-    "position:fixed;left:50%;z-index:1000;transform:translateX(-50%);",
-    ";display:flex;width:0;",
-    "{transform:translateX(-50%);max-width:calc(100vw - 5rem);flex-shrink:0;}"
-], function(param) {
-    var $position = param.$position, isVisible = param.isVisible, _param_$offset = param.$offset, $offset = _param_$offset === void 0 ? 0 : _param_$offset;
-    return (0, _styledcomponents.css)([
-        "",
-        ":",
-        "rem;animation:300ms ",
-        ";"
-    ], $position, $offset + 5, isVisible ? showAnimation($position) : hideAnimation($position));
-}, _Toast.StyledRoot);
-var ToastController = function ToastController(param) {
-    var role = param.role, text = param.text, contentLeft = param.contentLeft, position = param.position, timeout = param.timeout, fade = param.fade, offset = param.offset;
-    var hideToast = (0, _useToast.useToast)().hideToast;
-    var _useState = _sliced_to_array((0, _react.useState)(true), 2), isVisible = _useState[0], setIsVisible = _useState[1];
-    var hideTimeout = (0, _react.useRef)(null);
-    var toastKey = "".concat(text).concat(position);
-    var animationEndHandler = (0, _react.useCallback)(function() {
+    `position:fixed;left:50%;z-index:1000;transform:translateX(-50%);`,
+    `;display:flex;width:0;`,
+    `{transform:translateX(-50%);max-width:calc(100vw - 5rem);flex-shrink:0;}`
+], ({ $position, isVisible, $offset = 0 })=>(0, _styledcomponents.css)([
+        ``,
+        `:`,
+        `rem;animation:300ms `,
+        `;`
+    ], $position, $offset + 5, isVisible ? showAnimation($position) : hideAnimation($position)), _Toast.StyledRoot);
+const ToastController = ({ role, text, contentLeft, position, timeout, fade, offset })=>{
+    const { hideToast } = (0, _useToast.useToast)();
+    const [isVisible, setIsVisible] = (0, _react.useState)(true);
+    const hideTimeout = (0, _react.useRef)(null);
+    const toastKey = `${text}${position}`;
+    const animationEndHandler = (0, _react.useCallback)(()=>{
         if (!isVisible) {
             hideToast();
-            (0, _utils.safeFlushSync)(function() {
+            (0, _utils.safeFlushSync)(()=>{
                 setIsVisible(true); // Необходимо вернуть булево к следующему вызову тоста
             });
         }
         if (isVisible) {
-            hideTimeout.current = setTimeout(function() {
+            hideTimeout.current = setTimeout(()=>{
                 setIsVisible(false);
             }, timeout);
         }
@@ -171,15 +114,15 @@ var ToastController = function ToastController(param) {
         timeout,
         isVisible
     ]);
-    (0, _react.useEffect)(function() {
+    (0, _react.useEffect)(()=>{
         if (timeout === null && hideTimeout.current !== null) {
             clearTimeout(hideTimeout.current);
         }
     }, [
         timeout
     ]);
-    (0, _react.useEffect)(function() {
-        return function() {
+    (0, _react.useEffect)(()=>{
+        return ()=>{
             if (hideTimeout.current !== null) {
                 clearTimeout(hideTimeout.current);
             }

package/components/Toast/ToastProvider.js

@@ -8,30 +8,9 @@ Object.defineProperty(exports, "ToastProvider", {
         return ToastProvider;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _ToastController = require("./ToastController");
-var _ToastContext = require("./ToastContext");
-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];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-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_wildcard(require("react"));
+const _ToastController = require("./ToastController");
+const _ToastContext = require("./ToastContext");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -73,135 +52,50 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-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;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    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);
-}
-var DEFAULT_POSITION = 'bottom';
-var DEFAULT_TIMEOUT = 3000;
-var DEFAULT_FADE = true;
-var getShowToastCallSignature = function getShowToastCallSignature(args) {
-    if (_type_of(args[0]) === 'object' && 'text' in args[0]) {
+const DEFAULT_POSITION = 'bottom';
+const DEFAULT_TIMEOUT = 3000;
+const DEFAULT_FADE = true;
+const getShowToastCallSignature = (args)=>{
+    if (typeof args[0] === 'object' && 'text' in args[0]) {
         return args[0];
     }
     // TODO: issue https://github.com/salute-developers/plasma/issues/333
-    var _args = _sliced_to_array(args, 6), text = _args[0], position = _args[1], timeout = _args[2], fade = _args[3], contentLeft = _args[4], role = _args[5];
+    const [text, position, timeout, fade, contentLeft, role] = args;
     return {
-        text: text,
-        position: position,
-        timeout: timeout,
-        fade: fade,
-        contentLeft: contentLeft,
-        role: role
+        text,
+        position,
+        timeout,
+        fade,
+        contentLeft,
+        role
     };
 };
-var ToastProvider = function ToastProvider(param) {
-    var children = param.children;
-    var _useState = _sliced_to_array((0, _react.useState)({
+const ToastProvider = ({ children })=>{
+    const [value, setValue] = (0, _react.useState)({
         text: null,
         position: null,
         timeout: null
-    }), 2), value = _useState[0], setValue = _useState[1];
-    var showToastCallback = function showToastCallback() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        var _getShowToastCallSignature = getShowToastCallSignature(args), text = _getShowToastCallSignature.text, _getShowToastCallSignature_position = _getShowToastCallSignature.position, position = _getShowToastCallSignature_position === void 0 ? DEFAULT_POSITION : _getShowToastCallSignature_position, _getShowToastCallSignature_timeout = _getShowToastCallSignature.timeout, timeout = _getShowToastCallSignature_timeout === void 0 ? DEFAULT_TIMEOUT : _getShowToastCallSignature_timeout, _getShowToastCallSignature_fade = _getShowToastCallSignature.fade, fade = _getShowToastCallSignature_fade === void 0 ? DEFAULT_FADE : _getShowToastCallSignature_fade, contentLeft = _getShowToastCallSignature.contentLeft, role = _getShowToastCallSignature.role, onHide = _getShowToastCallSignature.onHide, onShow = _getShowToastCallSignature.onShow, offset = _getShowToastCallSignature.offset;
+    });
+    const showToastCallback = (...args)=>{
+        const { text, position = DEFAULT_POSITION, timeout = DEFAULT_TIMEOUT, fade = DEFAULT_FADE, contentLeft, role, onHide, onShow, offset } = getShowToastCallSignature(args);
         setValue({
-            text: text,
-            position: position,
-            timeout: timeout,
-            fade: fade,
-            contentLeft: contentLeft,
-            role: role,
-            onHide: onHide,
-            onShow: onShow,
-            offset: offset
+            text,
+            position,
+            timeout,
+            fade,
+            contentLeft,
+            role,
+            onHide,
+            onShow,
+            offset
         });
         if (onShow) {
             onShow();
         }
     };
-    var showToast = (0, _react.useCallback)(showToastCallback, []);
-    var onHide = value.onHide;
-    var hideToast = (0, _react.useCallback)(function() {
+    const showToast = (0, _react.useCallback)(showToastCallback, []);
+    const { onHide } = value;
+    const hideToast = (0, _react.useCallback)(()=>{
         setValue({
             text: null,
             position: null,
@@ -214,9 +108,10 @@ var ToastProvider = function ToastProvider(param) {
         onHide
     ]);
     return /*#__PURE__*/ _react.default.createElement(_ToastContext.ToastContext.Provider, {
-        value: _object_spread_props(_object_spread({}, value), {
-            showToast: showToast,
-            hideToast: hideToast
-        })
+        value: {
+            ...value,
+            showToast,
+            hideToast
+        }
     }, children, /*#__PURE__*/ _react.default.createElement(_ToastController.ToastController, value));
 };

package/components/Toast/index.js

@@ -19,6 +19,6 @@ _export(exports, {
         return _useToast.useToast;
     }
 });
-var _Toast = require("./Toast");
-var _ToastProvider = require("./ToastProvider");
-var _useToast = require("./useToast");
+const _Toast = require("./Toast");
+const _ToastProvider = require("./ToastProvider");
+const _useToast = require("./useToast");

package/components/Toast/useToast.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "useToast", {
         return useToast;
     }
 });
-var _react = require("react");
-var _ToastContext = require("./ToastContext");
-var useToast = function useToast() {
-    var _useContext = (0, _react.useContext)(_ToastContext.ToastContext), showToast = _useContext.showToast, hideToast = _useContext.hideToast;
+const _react = require("react");
+const _ToastContext = require("./ToastContext");
+const useToast = ()=>{
+    const { showToast, hideToast } = (0, _react.useContext)(_ToastContext.ToastContext);
     return {
-        showToast: showToast,
-        hideToast: hideToast
+        showToast,
+        hideToast
     };
 };

package/components/Typography/Body.js

@@ -19,38 +19,38 @@ _export(exports, {
         return Body3;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var Body1 = _styledcomponents.default.div.withConfig({
+const Body1 = _styledcomponents.default.div.withConfig({
     displayName: "Body__Body1",
     componentId: "sc-66189794-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.body1);
-var Body2 = _styledcomponents.default.div.withConfig({
+const Body2 = _styledcomponents.default.div.withConfig({
     displayName: "Body__Body2",
     componentId: "sc-66189794-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.body2);
-var Body3 = _styledcomponents.default.div.withConfig({
+const Body3 = _styledcomponents.default.div.withConfig({
     displayName: "Body__Body3",
     componentId: "sc-66189794-2"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.body3);

package/components/Typography/Button.js

@@ -16,29 +16,29 @@ _export(exports, {
         return Button2;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var Button1 = _styledcomponents.default.div.withConfig({
+const Button1 = _styledcomponents.default.div.withConfig({
     displayName: "Button__Button1",
     componentId: "sc-54b5d133-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.button1);
-var Button2 = _styledcomponents.default.div.withConfig({
+const Button2 = _styledcomponents.default.div.withConfig({
     displayName: "Button__Button2",
     componentId: "sc-54b5d133-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.button2);

package/components/Typography/Caption.js

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "Caption", {
         return Caption;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var Caption = _styledcomponents.default.div.withConfig({
+const Caption = _styledcomponents.default.div.withConfig({
     displayName: "Caption",
     componentId: "sc-6a11b9de-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.caption);