@tendaui/react 1.1.1

package/es/notification/NotifyContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotifyContext.js","sources":["../../../components/notification/NotifyContext.tsx"],"sourcesContent":["import React, { createContext, useState, useRef, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport NotifyContainer from \"./NotifyContainer\";\n\n// 1. 定义类型\ntype NotificationType = \"success\" | \"error\" | \"warning\" | \"info\";\n\ninterface Notification {\n  id: string;\n  type: NotificationType;\n  message: string;\n  createdAt: number;\n  isRemoved: boolean;\n  title: string;\n}\n\n// 2. 定义 Context 类型\ninterface NotificationContextType {\n  notify: (type: NotificationType, message: Message) => void;\n  success: (message: Message) => void;\n  error: (message: Message) => void;\n  warning: (message: Message) => void;\n  info: (message: Message) => void;\n  removeNotification: (id: string) => void;\n}\n\n// 3. 创建 Context\nconst NotificationContext = createContext<NotificationContextType | null>(null);\n\n// 4. 生成唯一 ID 的辅助函数\nconst generateId = () => Math.random().toString(36).substr(2, 9);\n\n// 5. Provider 组件\ninterface NotificationProviderProps {\n  children: React.ReactNode;\n  maxStack?: number;\n  displayDuration?: number;\n  position?: string;\n}\n\ntype Message = {\n  title: string;\n  message: string;\n};\nexport const NotificationProvider: React.FC<NotificationProviderProps> = ({\n  children,\n  maxStack = 5,\n  displayDuration = 3000,\n  position = \"top-right\"\n}) => {\n  const [notifications, setNotifications] = useState<Notification[]>([]);\n  const timersRef = useRef<Map<string, NodeJS.Timeout>>(new Map());\n  const pausedAtRef = useRef<Map<string, number>>(new Map());\n\n  // 定时器相关函数\n  const clearNotificationTimer = useCallback((id: string) => {\n    const timer = timersRef.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timersRef.current.delete(id);\n    }\n  }, []);\n\n  const startTimer = useCallback(\n    (notification: Notification, remainingTime?: number) => {\n      const duration = remainingTime ?? displayDuration;\n      const timer = setTimeout(() => {\n        setNotifications((prev) => prev.map((n) => (n.id === notification.id ? { ...n, isRemoved: true } : n)));\n        setTimeout(() => {\n          setNotifications((prev) => prev.filter((t) => t.id !== notification.id));\n          clearNotificationTimer(notification.id);\n          pausedAtRef.current.delete(notification.id);\n        }, 400);\n      }, duration);\n      timersRef.current.set(notification.id, timer);\n    },\n    [displayDuration, clearNotificationTimer]\n  );\n\n  // 6. 核心通知函数\n  const addNotification = useCallback(\n    (type: NotificationType, message: Message) => {\n      const newNotification: Notification = {\n        id: generateId(),\n        type,\n        title: message.title,\n        message: message.message,\n        createdAt: Date.now(),\n        isRemoved: false\n      };\n\n      setNotifications((prev) => {\n        const newNotifications = [newNotification, ...prev];\n        const removedNotifications = newNotifications.slice(maxStack);\n\n        removedNotifications.forEach((notification) => {\n          clearNotificationTimer(notification.id);\n          pausedAtRef.current.delete(notification.id);\n        });\n\n        return newNotifications.slice(0, maxStack);\n      });\n\n      startTimer(newNotification);\n    },\n    [maxStack, startTimer, clearNotificationTimer]\n  );\n\n  // 7. 提供的 Context 值\n  const contextValue = React.useMemo(\n    () => ({\n      notify: addNotification,\n      success: (message: Message) => addNotification(\"success\", message),\n      error: (message: Message) => addNotification(\"error\", message),\n      warning: (message: Message) => addNotification(\"warning\", message),\n      info: (message: Message) => addNotification(\"info\", message),\n      removeNotification: (id: string) => {\n        setNotifications((prev) => prev.filter((t) => t.id !== id));\n        clearNotificationTimer(id);\n        pausedAtRef.current.delete(id);\n      }\n    }),\n    [addNotification, clearNotificationTimer]\n  );\n\n  // 悬停处理\n  const clearAllTimers = useCallback(() => {\n    const now = Date.now();\n    notifications.forEach((notification) => {\n      pausedAtRef.current.set(notification.id, now);\n      clearNotificationTimer(notification.id);\n    });\n  }, [notifications, clearNotificationTimer]);\n\n  const restartAllTimers = useCallback(() => {\n    notifications.forEach((notification) => {\n      const pausedAt = pausedAtRef.current.get(notification.id);\n      if (pausedAt) {\n        const elapsedTime = pausedAt - notification.createdAt;\n        const remainingTime = Math.max(0, displayDuration - elapsedTime);\n        startTimer(notification, remainingTime);\n        pausedAtRef.current.delete(notification.id);\n      }\n    });\n  }, [notifications, displayDuration, startTimer]);\n\n  return (\n    <NotificationContext.Provider value={contextValue}>\n      {children}\n      {createPortal(\n        <NotifyContainer\n          notifications={notifications as unknown as TdNotificationProps[]}\n          onRemove={(id) => contextValue.removeNotification(id)}\n          onHoverStart={clearAllTimers}\n          onHoverEnd={restartAllTimers}\n          data-testid=\"notification-container\"\n          maxStack={maxStack}\n          position={position}\n        />,\n        document.body\n      )}\n    </NotificationContext.Provider>\n  );\n};\n\n// 8. 创建自定义 Hook\nexport const useNotification = () => {\n  const context = useContext(NotificationContext);\n  if (!context) {\n    throw new Error(\"useNotification must be used within a NotificationProvider\");\n  }\n  return context;\n};\n"],"names":["NotificationContext","createContext","generateId","Math","random","toString","substr","NotificationProvider","children","_ref","_ref$maxStack","maxStack","_ref$displayDuration","displayDuration","_ref$position","position","_useState","useState","_useState2","_slicedToArray","notifications","setNotifications","timersRef","useRef","Map","pausedAtRef","clearNotificationTimer","useCallback","id","timer","current","get","clearTimeout","startTimer","notification","remainingTime","duration","setTimeout","prev","map","n","_objectSpread","isRemoved","filter","t","set","addNotification","type","message","newNotification","title","createdAt","Date","now","newNotifications","concat","_toConsumableArray","removedNotifications","slice","forEach","contextValue","React","useMemo","notify","success","error","warning","info","removeNotification","clearAllTimers","restartAllTimers","pausedAt","elapsedTime","max","Provider","value","createPortal","createElement","NotifyContainer","onRemove","onHoverStart","onHoverEnd","document","body","useNotification","context","useContext","Error"],"mappings":"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"}

package/es/notification/NotifyItem.js

@@ -0,0 +1,150 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-CgyDw_YI.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { useState, useRef, useLayoutEffect } from 'react';
+import { IconCheckCircleStroked, IconClose, IconInfoCircle, IconAlertTriangle } from '@tendaui/icons';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../config-provider/ConfigContext.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NotificationItem = function NotificationItem(_ref) {
+  var message = _ref.message,
+    type = _ref.type,
+    heights = _ref.heights,
+    setHeights = _ref.setHeights,
+    id = _ref.id,
+    gap = _ref.gap,
+    isExpanded = _ref.isExpanded,
+    isRemoved = _ref.isRemoved,
+    title = _ref.title;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialHeight = _useState2[0],
+    setInitialHeight = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isMounted = _useState4[0],
+    setIsMounted = _useState4[1];
+  var nofityItem = useRef(null);
+  var _useConfig = useConfig(),
+    prefix = _useConfig.classPrefix;
+  React.useEffect(function () {
+    setIsMounted(true);
+  }, []);
+  React.useEffect(function () {
+    var notifyNode = nofityItem.current;
+    if (notifyNode) {
+      var height = notifyNode.getBoundingClientRect().height;
+      setInitialHeight(height);
+      setHeights(function (h) {
+        return [{
+          toastId: id,
+          height: height,
+          message: message,
+          type: type
+        }].concat(_toConsumableArray(h));
+      });
+      return function () {
+        setHeights(function (h) {
+          return h.filter(function (h2) {
+            return h2.toastId !== id;
+          });
+        });
+      };
+    }
+  }, [setHeights, id, message, type]);
+  useLayoutEffect(function () {
+    if (!isMounted) return;
+    var notifyNode = nofityItem.current;
+    if (notifyNode) {
+      var originalHeight = notifyNode.style.height;
+      notifyNode.style.height = "auto";
+      var newHeight = notifyNode.getBoundingClientRect().height;
+      notifyNode.style.height = originalHeight;
+      setInitialHeight(newHeight);
+      setHeights(function (heights2) {
+        var isExist = heights2.some(function (h) {
+          return h.toastId === id;
+        });
+        if (isExist) {
+          return heights2.map(function (h) {
+            return h.toastId === id ? _objectSpread(_objectSpread({}, h), {}, {
+              height: newHeight,
+              message: message,
+              type: type
+            }) : h;
+          });
+        }
+        return [{
+          toastId: id,
+          height: newHeight,
+          message: message,
+          type: type
+        }].concat(_toConsumableArray(heights2));
+      });
+    }
+  }, [isMounted, initialHeight, setHeights, id, message, type]);
+  var heightIndex = React.useMemo(function () {
+    return heights.findIndex(function (h) {
+      return h.toastId === id;
+    });
+  }, [heights, id]);
+  var toastHeightBefore = React.useMemo(function () {
+    return heights.reduce(function (acc, h, reduceIndex) {
+      if (reduceIndex < heightIndex) {
+        return acc + h.height;
+      }
+      return acc;
+    }, 0);
+  }, [heightIndex, heights]);
+  var offset = React.useMemo(function () {
+    return heightIndex * gap + toastHeightBefore;
+  }, [toastHeightBefore, heightIndex, gap]);
+  return /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-notify__item"),
+    ref: nofityItem,
+    style: {
+      position: "absolute",
+      height: isExpanded ? "auto" : "var(--front-toast-height)",
+      width: "var(--toast-width)",
+      "--offset": offset + "px",
+      "--index": heightIndex,
+      "--gap": gap + "px",
+      "--z-index": heights.length - heightIndex
+    },
+    "data-toast": true,
+    "data-mounted": isMounted,
+    "data-expanded": isExpanded,
+    "data-removed": isRemoved,
+    "data-front": heightIndex === 0
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-notify__content")
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-notify__header")
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-notify__icon")
+  }, type === "success" && /* @__PURE__ */React.createElement(IconCheckCircleStroked, {
+    className: "t-icon t-is-success"
+  }), type === "error" && /* @__PURE__ */React.createElement(IconClose, {
+    className: "t-icon t-is-error"
+  }), type === "info" && /* @__PURE__ */React.createElement(IconInfoCircle, {
+    className: "t-icon t-is-info"
+  }), type === "warning" && /* @__PURE__ */React.createElement(IconAlertTriangle, {
+    className: "t-icon t-is-warning"
+  }), type === "default" && /* @__PURE__ */React.createElement(IconInfoCircle, {
+    className: "t-icon t-is-info"
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-notify__title")
+  }, title))), /* @__PURE__ */React.createElement("p", {
+    className: "".concat(prefix, "-notify__detail"),
+    style: {
+      opacity: heightIndex === 0 || isExpanded ? 1 : 0,
+      transition: "opacity 400ms"
+    }
+  }, message));
+};
+
+export { NotificationItem as default };
+//# sourceMappingURL=NotifyItem.js.map

package/es/notification/NotifyItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotifyItem.js","sources":["../../../components/notification/NotifyItem.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { TdNotificationProps, HeightItem } from \"./type\";\nimport { IconClose, IconInfoCircle, IconCheckCircleStroked, IconAlertTriangle } from \"@tendaui/icons\";\nimport useConfig from \"../hooks/useConfig\";\n\nconst NotificationItem: React.FC<TdNotificationProps> = ({\n  message,\n  type,\n  heights,\n  setHeights,\n  id,\n  gap,\n  isExpanded,\n  isRemoved,\n  title\n}) => {\n  const [initialHeight, setInitialHeight] = useState(0);\n  const [isMounted, setIsMounted] = useState(false);\n  const nofityItem = useRef<HTMLDivElement>(null);\n  const { classPrefix: prefix } = useConfig();\n  React.useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  React.useEffect(() => {\n    const notifyNode = nofityItem.current;\n    if (notifyNode) {\n      const height = notifyNode.getBoundingClientRect().height;\n      setInitialHeight(height);\n      setHeights((h: HeightItem[]) => {\n        // 如果不存在，则添加\n        return [{ toastId: id, height, message, type }, ...h];\n      });\n      return () => {\n        setHeights((h: HeightItem[]) => h.filter((h) => h.toastId !== id));\n      };\n    }\n  }, [setHeights, id, message, type]);\n\n  useLayoutEffect(() => {\n    if (!isMounted) return;\n    const notifyNode = nofityItem.current;\n    if (notifyNode) {\n      const originalHeight = notifyNode.style.height;\n      notifyNode.style.height = \"auto\";\n      const newHeight = notifyNode.getBoundingClientRect().height;\n      notifyNode.style.height = originalHeight;\n      setInitialHeight(newHeight);\n      setHeights((heights) => {\n        const isExist = heights.some((h) => h.toastId === id);\n        if (isExist) {\n          // 如果存在，则更新高度\n          return heights.map((h) => (h.toastId === id ? { ...h, height: newHeight, message, type } : h));\n        }\n        // 如果不存在，则添加\n        return [{ toastId: id, height: newHeight, message, type }, ...heights];\n      });\n    }\n  }, [isMounted, initialHeight, setHeights, id, message, type]);\n  const heightIndex = React.useMemo(() => {\n    return heights.findIndex((h) => h.toastId === id);\n  }, [heights, id]);\n  const toastHeightBefore = React.useMemo(() => {\n    return heights.reduce((acc, h, reduceIndex) => {\n      if (reduceIndex < heightIndex) {\n        return acc + h.height;\n      }\n      return acc;\n    }, 0);\n  }, [heightIndex, heights]);\n\n  const offset = React.useMemo(() => heightIndex * gap + toastHeightBefore, [toastHeightBefore, heightIndex, gap]);\n\n  return (\n    <div\n      className={`${prefix}-notify__item`}\n      ref={nofityItem}\n      style={\n        {\n          position: \"absolute\",\n          height: isExpanded ? `auto` : `var(--front-toast-height)`,\n          width: `var(--toast-width)`,\n          \"--offset\": offset + \"px\",\n          \"--index\": heightIndex,\n          \"--gap\": gap + \"px\",\n          \"--z-index\": heights.length - heightIndex\n        } as React.CSSProperties\n      }\n      data-toast\n      data-mounted={isMounted}\n      data-expanded={isExpanded}\n      data-removed={isRemoved}\n      data-front={heightIndex === 0}\n    >\n      <div className={`${prefix}-notify__content`}>\n        <div className={`${prefix}-notify__header`}>\n          <div className={`${prefix}-notify__icon`}>\n            {type === \"success\" && <IconCheckCircleStroked className=\"t-icon t-is-success\" />}\n            {type === \"error\" && <IconClose className=\"t-icon t-is-error\" />}\n            {type === \"info\" && <IconInfoCircle className=\"t-icon t-is-info\" />}\n            {type === \"warning\" && <IconAlertTriangle className=\"t-icon t-is-warning\" />}\n            {type === \"default\" && <IconInfoCircle className=\"t-icon t-is-info\" />}\n          </div>\n\n          <div className={`${prefix}-notify__title`}>{title}</div>\n        </div>\n      </div>\n      <p\n        className={`${prefix}-notify__detail`}\n        style={{\n          opacity: heightIndex === 0 || isExpanded ? 1 : 0,\n          transition: `opacity 400ms`\n        }}\n      >\n        {message}\n      </p>\n    </div>\n  );\n};\n\nexport default NotificationItem;\n"],"names":["NotificationItem","message","_ref","type","heights","setHeights","id","gap","isExpanded","isRemoved","title","_useState","useState","_useState2","_slicedToArray","initialHeight","setInitialHeight","_useState3","_useState4","isMounted","setIsMounted","nofityItem","useRef","_useConfig","useConfig","prefix","classPrefix","React","useEffect","notifyNode","current","height","getBoundingClientRect","h","toastId","concat","_toConsumableArray","filter","useLayoutEffect","originalHeight","style","newHeight","isExist","some","map","_objectSpread","heightIndex","useMemo","findIndex","toastHeightBefore","reduce","acc","reduceIndex","offset","createElement","className","ref","position","width","length","IconCheckCircleStroked","IconClose","IconInfoCircle","IconAlertTriangle","opacity","transition"],"mappings":"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"}

package/es/notification/index.js

@@ -0,0 +1,32 @@
+export { NotificationProvider, useNotification } from './NotifyContext.js';
+import './style/css.js';
+import '../_chunks/dep-CgyDw_YI.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'react';
+import 'react-dom';
+import './NotifyContainer.js';
+import './NotifyItem.js';
+import '@tendaui/icons';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+
+var addNotification = function addNotification() {};
+function notification(message) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "default";
+  var title = arguments.length > 2 ? arguments[2] : undefined;
+  var id = (/* @__PURE__ */new Date()).getTime().toString();
+  addNotification({
+    id: id,
+    message: message,
+    type: type,
+    title: title
+  });
+}
+function registerNotificationHandler(cb) {
+  addNotification = cb;
+}
+
+export { notification };
+//# sourceMappingURL=index.js.map

package/es/notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/notification/Notify.ts"],"sourcesContent":["// notification.ts\ntype NotificationType = \"default\" | \"success\" | \"error\" | \"info\" | \"warning\";\ntype NotificationMessage = {\n  id: string;\n  type: NotificationType;\n  message: string;\n  title: string;\n};\n\nlet addNotification: (notification: NotificationMessage) => void = () => {};\n\nexport function notification(message: string, type: NotificationType = \"default\", title: string) {\n  const id = new Date().getTime().toString();\n  addNotification({\n    id,\n    message,\n    type,\n    title\n  });\n}\n\nexport function registerNotificationHandler(cb: typeof addNotification) {\n  addNotification = cb;\n}\n"],"names":["addNotification","notification","message","type","arguments","length","undefined","title","id","Date","getTime","toString","registerNotificationHandler","cb"],"mappings":";;;;;;;;;;;;;;AASA,IAAIA,kBAA+D,SAA/DA,kBAAqE,CAAC,CAAA;AAEnE,SAASC,YAAAA,CAAaC,OAAA,EAAoE;AAAA,EAAA,IAAnDC,IAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAyB,SAAA;EAAA,IAAWG,KAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAChF,EAAA,IAAME,qBAAK,IAAIC,IAAA,EAAK,EAAEC,OAAA,GAAUC,QAAA,EAAS;AACzCX,EAAAA,eAAA,CAAgB;AACdQ,IAAAA,EAAA,EAAAA,EAAA;AACAN,IAAAA,OAAA,EAAAA,OAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAI,IAAAA,KAAA,EAAAA;AACF,GAAC,CAAA;AACH;AAEO,SAASK,4BAA4BC,EAAA,EAA4B;AACtEb,EAAAA,eAAA,GAAkBa,EAAA;AACpB;;;;"}

package/es/notification/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/notification/style/index.css

@@ -0,0 +1,142 @@
+.t-notify[data-x-position=right] {
+  right: 8px;
+}
+.t-notify[data-x-position=left] {
+  left: 8px;
+}
+.t-notify[data-x-position=center] {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.t-notify[data-y-position=top] {
+  top: 10px;
+}
+.t-notify {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: fixed;
+  z-index: 6000;
+  width: 360px;
+}
+.t-notify__container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.t-notify__item {
+  border-radius: var(--td-radius-medium);
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
+  background-color: var(--td-bg-color-container);
+  color: var(--td-text-color-secondary);
+  -webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+          box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+  overflow: hidden;
+}
+.t-notify__item:hover {
+  background-color: var(--td-bg-color-container-hover);
+  color: inherit;
+}
+.t-notify__item:active {
+  background-color: var(--td-bg-color-container-active);
+  color: inherit;
+}
+.t-notify__item {
+  --y: translateY(-100%);
+  -webkit-transform: var(--y);
+          transform: var(--y);
+  -webkit-transition: opacity 400ms, height 400ms, -webkit-transform 400ms, -webkit-box-shadow 200ms;
+  transition: opacity 400ms, height 400ms, -webkit-transform 400ms, -webkit-box-shadow 200ms;
+  transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms;
+  transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms, -webkit-transform 400ms, -webkit-box-shadow 200ms;
+  z-index: var(--z-index);
+}
+.t-notify__item[data-mounted=true][data-expanded=false] {
+  --y: translateY(calc(var(--gap) * var(--index)))
+    scale(calc(1 - var(--index) * 0.05));
+}
+.t-notify__item[data-mounted=true][data-expanded=true] {
+  --y: translateY(var(--offset)) scale(1);
+}
+.t-notify__item[data-mounted=true][data-removed=true][data-front=true] {
+  --y: translateY(-100%);
+  opacity: 0;
+}
+.t-notify__item[data-mounted=true][data-removed=true][data-front=false] {
+  --y: translateY(-40%);
+  opacity: 0;
+  -webkit-transition: opacity 200ms, -webkit-transform 400ms;
+  transition: opacity 200ms, -webkit-transform 400ms;
+  transition: transform 400ms, opacity 200ms;
+  transition: transform 400ms, opacity 200ms, -webkit-transform 400ms;
+}
+.t-notify__icon {
+  width: calc(var(--td-font-size-body-large) + 8px);
+  text-align: center;
+  margin-right: var(--td-comp-margin-s);
+}
+.t-notify__icon .t-icon {
+  font-size: calc(var(--td-font-size-body-large) + 8px);
+}
+.t-notify .t-icon.t-is-info {
+  color: var(--td-brand-color);
+}
+.t-notify .t-icon.t-is-success {
+  color: var(--td-success-color);
+}
+.t-notify .t-icon.t-is-warning {
+  color: var(--td-warning-color);
+}
+.t-notify .t-icon.t-is-error {
+  color: var(--td-error-color-6);
+}
+.t-notify__main {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-notify__title__wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.t-notify__title {
+  font: var(--td-font-title-medium);
+  color: var(--td-text-color-primary);
+}
+.t-notify .t-icon-close {
+  cursor: pointer;
+  font-size: var(--td-font-size-body-large);
+  border-radius: var(--td-radius-default);
+  color: var(--td-text-color-secondary);
+}
+.t-notify .t-icon-close:hover {
+  background: var(--td-bg-color-container-hover);
+}
+.t-notify .t-icon-close:active {
+  background: var(--td-bg-color-container-active);
+}
+.t-notify__content {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-secondary);
+  margin-top: var(--td-comp-margin-s);
+}
+.t-notify__header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.t-notify__detail {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-secondary);
+  margin-top: var(--td-comp-margin-s);
+  word-break: break-all;
+}

package/es/notification/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/notification/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}