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

package/es/components/Toast/ToastNew/ToastNew.js

@@ -1,93 +1,89 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import toast, { Toaster, resolveValue } from 'react-hot-toast';
 import { tokens } from '../Toast.tokens.js';
 import { IconCrossThin } from '../../_Icon/Icons/IconCrossThin.js';
 import { Toast, StyledContentLeft, CloseIconWrapper, base } from './ToastNew.styles.js';
 
-var _excluded = ["hasClose", "view", "size", "pilled", "contentLeft", "width", "textColor", "position", "duration", "onCloseButtonClick"];
-var toastContainerRoot = function toastContainerRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    var _props$hasClose = props.hasClose,
-      hasClose = _props$hasClose === void 0 ? true : _props$hasClose,
-      view = props.view,
-      size = props.size,
-      pilled = props.pilled,
-      contentLeft = props.contentLeft,
-      width = props.width,
-      textColor = props.textColor,
-      _props$position = props.position,
-      position = _props$position === void 0 ? 'bottom-center' : _props$position,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? Infinity : _props$duration,
-      onCloseButtonClick = props.onCloseButtonClick,
-      rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: ref,
-      view: view,
-      size: size,
-      pilled: pilled
-    }, rest), /*#__PURE__*/React.createElement(Toaster, {
-      toastOptions: {
-        duration: duration,
-        position: position
-      }
-    }, function (options) {
-      var _options$plasmaOption, _options$plasmaOption2, _options$plasmaOption3, _options$plasmaOption4, _options$plasmaOption5, _options$plasmaOption6, _options$plasmaOption7, _options$plasmaOption8, _options$plasmaOption9, _options$plasmaOption10;
-      return /*#__PURE__*/React.createElement(Root, {
-        view: (_options$plasmaOption = options.plasmaOptions) === null || _options$plasmaOption === void 0 ? void 0 : _options$plasmaOption.view,
-        size: (_options$plasmaOption2 = options.plasmaOptions) === null || _options$plasmaOption2 === void 0 ? void 0 : _options$plasmaOption2.size,
-        pilled: (_options$plasmaOption3 = options.plasmaOptions) === null || _options$plasmaOption3 === void 0 ? void 0 : _options$plasmaOption3.pilled
-      }, /*#__PURE__*/React.createElement(Toast, {
-        style: {
-          opacity: options.visible ? 1 : 0
-        },
-        width: ((_options$plasmaOption4 = options.plasmaOptions) === null || _options$plasmaOption4 === void 0 ? void 0 : _options$plasmaOption4.width) || width,
-        textColor: ((_options$plasmaOption5 = options.plasmaOptions) === null || _options$plasmaOption5 === void 0 ? void 0 : _options$plasmaOption5.textColor) || textColor
-      }, (((_options$plasmaOption6 = options.plasmaOptions) === null || _options$plasmaOption6 === void 0 ? void 0 : _options$plasmaOption6.contentLeft) || contentLeft) && /*#__PURE__*/React.createElement(StyledContentLeft, null, ((_options$plasmaOption7 = options.plasmaOptions) === null || _options$plasmaOption7 === void 0 ? void 0 : _options$plasmaOption7.contentLeft) || contentLeft), resolveValue(options.message, options), (((_options$plasmaOption8 = options.plasmaOptions) === null || _options$plasmaOption8 === void 0 ? void 0 : _options$plasmaOption8.hasClose) || ((_options$plasmaOption9 = (_options$plasmaOption10 = options.plasmaOptions) === null || _options$plasmaOption10 === void 0 ? void 0 : _options$plasmaOption10.hasClose) !== null && _options$plasmaOption9 !== void 0 ? _options$plasmaOption9 : hasClose)) && /*#__PURE__*/React.createElement(CloseIconWrapper, {
-        view: "clear",
-        size: "s",
-        stretching: "fixed",
-        onClick: function onClick() {
-          if (onCloseButtonClick) {
-            onCloseButtonClick();
-          }
-          toast.dismiss(options.id);
+const toastContainerRoot = Root => /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    hasClose = true,
+    view,
+    size,
+    pilled,
+    contentLeft,
+    width,
+    textColor,
+    position = 'bottom-center',
+    duration = Infinity,
+    onCloseButtonClick,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement(Root, _extends({
+    ref: ref,
+    view: view,
+    size: size,
+    pilled: pilled
+  }, rest), /*#__PURE__*/React.createElement(Toaster, {
+    toastOptions: {
+      duration,
+      position
+    }
+  }, options => {
+    return /*#__PURE__*/React.createElement(Root, {
+      view: options.plasmaOptions?.view,
+      size: options.plasmaOptions?.size,
+      pilled: options.plasmaOptions?.pilled
+    }, /*#__PURE__*/React.createElement(Toast, {
+      style: {
+        opacity: options.visible ? 1 : 0
+      },
+      width: options.plasmaOptions?.width || width,
+      textColor: options.plasmaOptions?.textColor || textColor
+    }, (options.plasmaOptions?.contentLeft || contentLeft) && /*#__PURE__*/React.createElement(StyledContentLeft, null, options.plasmaOptions?.contentLeft || contentLeft), resolveValue(options.message, options), (options.plasmaOptions?.hasClose || (options.plasmaOptions?.hasClose ?? hasClose)) && /*#__PURE__*/React.createElement(CloseIconWrapper, {
+      view: "clear",
+      size: "s",
+      stretching: "fixed",
+      onClick: () => {
+        if (onCloseButtonClick) {
+          onCloseButtonClick();
         }
-      }, /*#__PURE__*/React.createElement(IconCrossThin, {
-        size: "s",
-        color: "inherit",
-        sizeCustomProperty: tokens.closeIconSize
-      }))));
-    }));
-  });
-};
-var showToast = function showToast(text, options) {
-  toast(text, _objectSpread2(_objectSpread2(_objectSpread2({
+        toast.dismiss(options.id);
+      }
+    }, /*#__PURE__*/React.createElement(IconCrossThin, {
+      size: "s",
+      color: "inherit",
+      sizeCustomProperty: tokens.closeIconSize
+    }))));
+  }));
+});
+const showToast = (text, options) => {
+  toast(text, {
     // INFO: id всегда одинаковый для отключения стекирования
-    id: 'toast'
-  }, options !== null && options !== void 0 && options.position ? {
-    position: options === null || options === void 0 ? void 0 : options.position
-  } : undefined), options !== null && options !== void 0 && options.duration ? {
-    duration: options === null || options === void 0 ? void 0 : options.duration
-  } : undefined), {}, {
+    id: 'toast',
+    ...(options?.position ? {
+      position: options?.position
+    } : undefined),
+    ...(options?.duration ? {
+      duration: options?.duration
+    } : undefined),
     // @ts-ignore
     plasmaOptions: {
-      view: options === null || options === void 0 ? void 0 : options.view,
-      size: options === null || options === void 0 ? void 0 : options.size,
-      pilled: options === null || options === void 0 ? void 0 : options.pilled,
-      contentLeft: options === null || options === void 0 ? void 0 : options.contentLeft,
-      hasClose: options === null || options === void 0 ? void 0 : options.hasClose,
-      width: options === null || options === void 0 ? void 0 : options.width,
-      textColor: options === null || options === void 0 ? void 0 : options.textColor
+      view: options?.view,
+      size: options?.size,
+      pilled: options?.pilled,
+      contentLeft: options?.contentLeft,
+      hasClose: options?.hasClose,
+      width: options?.width,
+      textColor: options?.textColor
     }
-  }));
+  });
 };
-var toastContainerConfig = {
+const toastContainerConfig = {
   name: 'ToastContainer',
   tag: 'div',
   layout: toastContainerRoot,
-  base: base,
+  base,
   variations: {
     view: {
       css: ''

package/es/components/Toast/ToastNew/ToastNew.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastNew.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport toast, { Toaster, resolveValue } from 'react-hot-toast';\nimport type { Toast as ToastInterface } from 'react-hot-toast';\nimport type { RootProps } from 'src/engines';\nimport { tokens } from 'src/components/Toast/Toast.tokens';\n\nimport { IconCrossThin } from '../../_Icon/Icons/IconCrossThin';\n\nimport { base, Toast, CloseIconWrapper, StyledContentLeft } from './ToastNew.styles';\nimport { ToastContainerProps, ShowToastProps, ShowToastPlasmaOptions } from './ToastNew.types';\n\nexport const toastContainerRoot = (Root: RootProps<HTMLDivElement, ToastContainerProps>) =>\n    forwardRef<HTMLDivElement, ToastContainerProps>((props, ref) => {\n        const {\n            hasClose = true,\n            view,\n            size,\n            pilled,\n            contentLeft,\n            width,\n            textColor,\n            position = 'bottom-center',\n            duration = Infinity,\n            onCloseButtonClick,\n            ...rest\n        } = props;\n\n        return (\n            <Root ref={ref} view={view} size={size} pilled={pilled} {...rest}>\n                <Toaster\n                    toastOptions={{\n                        duration,\n                        position,\n                    }}\n                >\n                    {(\n                        options: ToastInterface & {\n                            plasmaOptions?: ShowToastPlasmaOptions;\n                        },\n                    ) => {\n                        return (\n                            <Root\n                                view={options.plasmaOptions?.view}\n                                size={options.plasmaOptions?.size}\n                                pilled={options.plasmaOptions?.pilled}\n                            >\n                                <Toast\n                                    style={{ opacity: options.visible ? 1 : 0 }}\n                                    width={options.plasmaOptions?.width || width}\n                                    textColor={options.plasmaOptions?.textColor || textColor}\n                                >\n                                    {(options.plasmaOptions?.contentLeft || contentLeft) && (\n                                        <StyledContentLeft>\n                                            {options.plasmaOptions?.contentLeft || contentLeft}\n                                        </StyledContentLeft>\n                                    )}\n\n                                    {resolveValue(options.message, options)}\n\n                                    {(options.plasmaOptions?.hasClose ||\n                                        (options.plasmaOptions?.hasClose ?? hasClose)) && (\n                                        <CloseIconWrapper\n                                            view=\"clear\"\n                                            size=\"s\"\n                                            stretching=\"fixed\"\n                                            onClick={() => {\n                                                if (onCloseButtonClick) {\n                                                    onCloseButtonClick();\n                                                }\n\n                                                toast.dismiss(options.id);\n                                            }}\n                                        >\n                                            <IconCrossThin\n                                                size=\"s\"\n                                                color=\"inherit\"\n                                                sizeCustomProperty={tokens.closeIconSize}\n                                            />\n                                        </CloseIconWrapper>\n                                    )}\n                                </Toast>\n                            </Root>\n                        );\n                    }}\n                </Toaster>\n            </Root>\n        );\n    });\n\nexport const showToast: ShowToastProps = (text, options) => {\n    toast(text, {\n        // INFO: id всегда одинаковый для отключения стекирования\n        id: 'toast',\n        ...(options?.position ? { position: options?.position } : undefined),\n        ...(options?.duration ? { duration: options?.duration } : undefined),\n        // @ts-ignore\n        plasmaOptions: {\n            view: options?.view,\n            size: options?.size,\n            pilled: options?.pilled,\n            contentLeft: options?.contentLeft,\n            hasClose: options?.hasClose,\n            width: options?.width,\n            textColor: options?.textColor,\n        },\n    });\n};\n\nexport const toastContainerConfig = {\n    name: 'ToastContainer',\n    tag: 'div',\n    layout: toastContainerRoot,\n    base,\n    variations: {\n        view: {\n            css: '',\n        },\n        size: {\n            css: '',\n        },\n        pilled: {\n            css: '',\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["toastContainerRoot","Root","forwardRef","props","ref","_props$hasClose","hasClose","view","size","pilled","contentLeft","width","textColor","_props$position","position","_props$duration","duration","Infinity","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","Toaster","toastOptions","options","_options$plasmaOption","_options$plasmaOption2","_options$plasmaOption3","_options$plasmaOption4","_options$plasmaOption5","_options$plasmaOption6","_options$plasmaOption7","_options$plasmaOption8","_options$plasmaOption9","_options$plasmaOption10","plasmaOptions","Toast","style","opacity","visible","StyledContentLeft","resolveValue","message","CloseIconWrapper","stretching","onClick","toast","dismiss","id","IconCrossThin","color","sizeCustomProperty","tokens","closeIconSize","showToast","text","_objectSpread","undefined","toastContainerConfig","name","tag","layout","base","variations","css","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"ToastNew.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport toast, { Toaster, resolveValue } from 'react-hot-toast';\nimport type { Toast as ToastInterface } from 'react-hot-toast';\nimport type { RootProps } from 'src/engines';\nimport { tokens } from 'src/components/Toast/Toast.tokens';\n\nimport { IconCrossThin } from '../../_Icon/Icons/IconCrossThin';\n\nimport { base, Toast, CloseIconWrapper, StyledContentLeft } from './ToastNew.styles';\nimport { ToastContainerProps, ShowToastProps, ShowToastPlasmaOptions } from './ToastNew.types';\n\nexport const toastContainerRoot = (Root: RootProps<HTMLDivElement, ToastContainerProps>) =>\n    forwardRef<HTMLDivElement, ToastContainerProps>((props, ref) => {\n        const {\n            hasClose = true,\n            view,\n            size,\n            pilled,\n            contentLeft,\n            width,\n            textColor,\n            position = 'bottom-center',\n            duration = Infinity,\n            onCloseButtonClick,\n            ...rest\n        } = props;\n\n        return (\n            <Root ref={ref} view={view} size={size} pilled={pilled} {...rest}>\n                <Toaster\n                    toastOptions={{\n                        duration,\n                        position,\n                    }}\n                >\n                    {(\n                        options: ToastInterface & {\n                            plasmaOptions?: ShowToastPlasmaOptions;\n                        },\n                    ) => {\n                        return (\n                            <Root\n                                view={options.plasmaOptions?.view}\n                                size={options.plasmaOptions?.size}\n                                pilled={options.plasmaOptions?.pilled}\n                            >\n                                <Toast\n                                    style={{ opacity: options.visible ? 1 : 0 }}\n                                    width={options.plasmaOptions?.width || width}\n                                    textColor={options.plasmaOptions?.textColor || textColor}\n                                >\n                                    {(options.plasmaOptions?.contentLeft || contentLeft) && (\n                                        <StyledContentLeft>\n                                            {options.plasmaOptions?.contentLeft || contentLeft}\n                                        </StyledContentLeft>\n                                    )}\n\n                                    {resolveValue(options.message, options)}\n\n                                    {(options.plasmaOptions?.hasClose ||\n                                        (options.plasmaOptions?.hasClose ?? hasClose)) && (\n                                        <CloseIconWrapper\n                                            view=\"clear\"\n                                            size=\"s\"\n                                            stretching=\"fixed\"\n                                            onClick={() => {\n                                                if (onCloseButtonClick) {\n                                                    onCloseButtonClick();\n                                                }\n\n                                                toast.dismiss(options.id);\n                                            }}\n                                        >\n                                            <IconCrossThin\n                                                size=\"s\"\n                                                color=\"inherit\"\n                                                sizeCustomProperty={tokens.closeIconSize}\n                                            />\n                                        </CloseIconWrapper>\n                                    )}\n                                </Toast>\n                            </Root>\n                        );\n                    }}\n                </Toaster>\n            </Root>\n        );\n    });\n\nexport const showToast: ShowToastProps = (text, options) => {\n    toast(text, {\n        // INFO: id всегда одинаковый для отключения стекирования\n        id: 'toast',\n        ...(options?.position ? { position: options?.position } : undefined),\n        ...(options?.duration ? { duration: options?.duration } : undefined),\n        // @ts-ignore\n        plasmaOptions: {\n            view: options?.view,\n            size: options?.size,\n            pilled: options?.pilled,\n            contentLeft: options?.contentLeft,\n            hasClose: options?.hasClose,\n            width: options?.width,\n            textColor: options?.textColor,\n        },\n    });\n};\n\nexport const toastContainerConfig = {\n    name: 'ToastContainer',\n    tag: 'div',\n    layout: toastContainerRoot,\n    base,\n    variations: {\n        view: {\n            css: '',\n        },\n        size: {\n            css: '',\n        },\n        pilled: {\n            css: '',\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["toastContainerRoot","Root","forwardRef","props","ref","hasClose","view","size","pilled","contentLeft","width","textColor","position","duration","Infinity","onCloseButtonClick","rest","React","createElement","_extends","Toaster","toastOptions","options","plasmaOptions","Toast","style","opacity","visible","StyledContentLeft","resolveValue","message","CloseIconWrapper","stretching","onClick","toast","dismiss","id","IconCrossThin","color","sizeCustomProperty","tokens","closeIconSize","showToast","text","undefined","toastContainerConfig","name","tag","layout","base","variations","css","attrs","defaults"],"mappings":"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"}

package/es/components/Toast/ToastNew/ToastNew.styles.js

@@ -1,44 +1,36 @@
 import './ToastNew.styles_4c92hd.css';
 import { styled } from '@linaria/react';
 import { tokens } from './ToastNew.tokens.js';
-import { component, mergeConfig } from '../../../engines/common.js';
+import { mergeConfig, component } from '../../../engines/common.js';
 import { buttonConfig } from '../../Button/Button.js';
 
-var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
-var Button = /*#__PURE__*/component(mergedButtonConfig);
-var base = "b1hu50mr";
-var _exp2 = function _exp2() {
-  return function (_ref) {
-    var textColor = _ref.textColor;
-    return textColor || "var(".concat(tokens.color, ")");
-  };
-};
-var _exp6 = function _exp6() {
-  return function (_ref2) {
-    var width = _ref2.width;
-    return width || 'auto';
-  };
-};
-var Toast = /*#__PURE__*/styled('div')({
+const mergedButtonConfig = mergeConfig(buttonConfig);
+const Button = component(mergedButtonConfig);
+const base = "b1hu50mr";
+const _exp2 = /*#__PURE__*/() => ({
+  textColor
+}) => textColor || `var(${tokens.color})`;
+const _exp6 = /*#__PURE__*/() => ({
+  width
+}) => width || 'auto';
+const Toast = /*#__PURE__*/styled('div')({
   name: "Toast",
-  "class": "tvfkfgf",
+  class: "tvfkfgf",
   propsAsIs: false,
   vars: {
-    "tvfkfgf-0": [/*#__PURE__*/_exp2()],
-    "tvfkfgf-1": [/*#__PURE__*/_exp6()]
+    "tvfkfgf-0": [_exp2()],
+    "tvfkfgf-1": [_exp6()]
   }
 });
-var _exp13 = function _exp13() {
-  return Button;
-};
-var CloseIconWrapper = /*#__PURE__*/styled(_exp13())({
+const _exp13 = /*#__PURE__*/() => Button;
+const CloseIconWrapper = /*#__PURE__*/styled(_exp13())({
   name: "CloseIconWrapper",
-  "class": "cbp8rlf",
+  class: "cbp8rlf",
   propsAsIs: true
 });
-var StyledContentLeft = /*#__PURE__*/styled('div')({
+const StyledContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledContentLeft",
-  "class": "s1hkhzn7",
+  class: "s1hkhzn7",
   propsAsIs: false
 });
 

package/es/components/Toast/ToastNew/ToastNew.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastNew.styles.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { buttonConfig } from '../../Button';\n\nimport { tokens } from './ToastNew.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css``;\n\nexport const Toast = styled.div<{ width: CSSProperties['width']; textColor: CSSProperties['color'] }>`\n    display: flex;\n    align-items: center;\n    background: var(${tokens.background});\n    color: ${({ textColor }) => textColor || `var(${tokens.color})`};\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    max-width: var(${tokens.maxWidth});\n    width: ${({ width }) => width || 'auto'};\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    height: var(${tokens.closeIconButtonSize});\n    margin: var(${tokens.closeIconMargin});\n    color: var(${tokens.closeIconColor});\n\n    :hover {\n        color: var(${tokens.closeIconColorOnHover});\n    }\n`;\n\nexport const StyledContentLeft = styled.div`\n    margin: var(${tokens.contentLeftMargin});\n    color: var(${tokens.contentLeftColor});\n    line-height: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","_ref","textColor","concat","tokens","color","_exp6","_ref2","width","Toast","styled","name","class","propsAsIs","vars","_exp13","CloseIconWrapper","StyledContentLeft"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,IAAI,GAAQ,WAAA;AAAC,IAAAC,KAAA,GAXRA,SAWQA,KAAAA,GAAA;AAAA,EAAA,OAMb,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjBjDA,SAiBiDA,KAAAA,GAAA;AAAA,EAAA,OAItD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AARpC,IAAMC,KAAK,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAIdd,KAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAItDM,KAA8B,EAAA,CAAA;AAAA,GAAA;AAAA,CAQ1C,EAAA;AAAC,IAAAS,MAAA,GA7BgBA,SA6BhBA,MAAAA,GAAA;AAAA,EAAA,OAEqClB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMmB,gBAAgB,gBAAGN,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;"}
+{"version":3,"file":"ToastNew.styles.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { buttonConfig } from '../../Button';\n\nimport { tokens } from './ToastNew.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css``;\n\nexport const Toast = styled.div<{ width: CSSProperties['width']; textColor: CSSProperties['color'] }>`\n    display: flex;\n    align-items: center;\n    background: var(${tokens.background});\n    color: ${({ textColor }) => textColor || `var(${tokens.color})`};\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    max-width: var(${tokens.maxWidth});\n    width: ${({ width }) => width || 'auto'};\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    height: var(${tokens.closeIconButtonSize});\n    margin: var(${tokens.closeIconMargin});\n    color: var(${tokens.closeIconColor});\n\n    :hover {\n        color: var(${tokens.closeIconColorOnHover});\n    }\n`;\n\nexport const StyledContentLeft = styled.div`\n    margin: var(${tokens.contentLeftMargin});\n    color: var(${tokens.contentLeftColor});\n    line-height: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","textColor","tokens","color","_exp6","width","Toast","styled","name","class","propsAsIs","vars","_exp13","CloseIconWrapper","StyledContentLeft"],"mappings":";;;;;AASA,MAAMA,kBAAkB,GAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,MAAMC,MAAM,GAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,MAAMK,IAAI,GAAQ,WAAA;AAAC,MAAAC,KAAA,gBAXRA,MAiBL,CAAC;AAAEC,EAAAA,SAAAA;AAAU,CAAC,KAAKA,SAAS,IAAI,OAAOC,MAAM,CAACC,KAAK,CAAG,CAAA,CAAA,CAAA;AAAA,MAAAC,KAAA,gBAjBjDA,MAqBL,CAAC;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAKA,KAAK,IAAI,MAAM,CAAA;AARpC,MAAMC,KAAK,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAIdX,KAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CAItDI,KAA8B,EAAA,CAAA;AAAA,GAAA;AAAA,CAQ1C,EAAA;AAAC,MAAAQ,MAAA,gBA7BgBA,MA+BqBf,MAAM,CAAA;AAAtC,MAAMgB,gBAAgB,gBAAGN,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQrC,EAAA;AAEM,MAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;"}

package/es/components/Toast/ToastNew/ToastNew.tokens.js

@@ -1,4 +1,4 @@
-var tokens = {
+const tokens = {
   background: '--plasma-toast-background',
   color: '--plasma-toast-color',
   padding: '--plasma-toast-padding',

package/es/components/Toast/ToastNew/ToastNew.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastNew.tokens.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tokens.ts"],"sourcesContent":["export const classes = {};\n\nexport const tokens = {\n    background: '--plasma-toast-background',\n    color: '--plasma-toast-color',\n    padding: '--plasma-toast-padding',\n    borderRadius: '--plasma-toast-border-radius',\n    maxWidth: '--plasma-toast-max-width',\n\n    fontFamily: '--plasma-toast-font-family',\n    fontSize: '--plasma-toast-font-size',\n    fontStyle: '--plasma-toast-font-style',\n    fontWeight: '--plasma-toast-font-weight',\n    letterSpacing: '--plasma-toast-letter-spacing',\n    lineHeight: '--plasma-toast-line-height',\n\n    contentLeftMargin: '--plasma-toast-content-left-margin',\n    contentLeftColor: '--plasma-toast-content-left-color',\n\n    closeIconMargin: '--plasma-toast-close-icon-margin',\n    closeIconColor: '--plasma-toast-close-icon-color',\n    closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',\n    closeIconSize: '--plasma-toast-close-icon-size',\n    closeIconButtonSize: '--plasma-toast-close-icon-button-size',\n};\n"],"names":["tokens","background","color","padding","borderRadius","maxWidth","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","contentLeftMargin","contentLeftColor","closeIconMargin","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,QAAQ,EAAE,0BAA0B;AAEpCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,mBAAmB,EAAE,uCAAA;AACzB;;;;"}
+{"version":3,"file":"ToastNew.tokens.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tokens.ts"],"sourcesContent":["export const classes = {};\n\nexport const tokens = {\n    background: '--plasma-toast-background',\n    color: '--plasma-toast-color',\n    padding: '--plasma-toast-padding',\n    borderRadius: '--plasma-toast-border-radius',\n    maxWidth: '--plasma-toast-max-width',\n\n    fontFamily: '--plasma-toast-font-family',\n    fontSize: '--plasma-toast-font-size',\n    fontStyle: '--plasma-toast-font-style',\n    fontWeight: '--plasma-toast-font-weight',\n    letterSpacing: '--plasma-toast-letter-spacing',\n    lineHeight: '--plasma-toast-line-height',\n\n    contentLeftMargin: '--plasma-toast-content-left-margin',\n    contentLeftColor: '--plasma-toast-content-left-color',\n\n    closeIconMargin: '--plasma-toast-close-icon-margin',\n    closeIconColor: '--plasma-toast-close-icon-color',\n    closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',\n    closeIconSize: '--plasma-toast-close-icon-size',\n    closeIconButtonSize: '--plasma-toast-close-icon-button-size',\n};\n"],"names":["tokens","background","color","padding","borderRadius","maxWidth","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","contentLeftMargin","contentLeftColor","closeIconMargin","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,QAAQ,EAAE,0BAA0B;AAEpCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,mBAAmB,EAAE,uCAAA;AACzB;;;;"}