@welcome-ui/toast
Advanced tools
Comparing version 5.13.0 to 5.13.3-alpha.1
@@ -39,3 +39,3 @@ var __create = Object.create; | ||
var import_react4 = __toESM(require("react")); | ||
var import_styled_components2 = require("@xstyled/styled-components"); | ||
var import_xstyled_styled_components2 = require("@wttj/xstyled-styled-components"); | ||
var import_headless2 = __toESM(require("react-hot-toast/headless")); | ||
@@ -48,9 +48,8 @@ | ||
// src/styles.ts | ||
var import_styled_components = __toESM(require("@xstyled/styled-components")); | ||
var import_box = require("@welcome-ui/box"); | ||
var import_xstyled_styled_components = __toESM(require("@wttj/xstyled-styled-components")); | ||
var import_alert = require("@welcome-ui/alert"); | ||
var ToastWrapper = (0, import_styled_components.default)(import_box.Box)( | ||
({ isBottom }) => import_styled_components.css` | ||
${(0, import_styled_components.th)("toasts.default")} | ||
${isBottom ? (0, import_styled_components.th)("toasts.bottom") : (0, import_styled_components.th)("toasts.top")} | ||
var ToastWrapper = import_xstyled_styled_components.default.divBox( | ||
({ isBottom }) => import_xstyled_styled_components.css` | ||
${(0, import_xstyled_styled_components.th)("toasts.default")} | ||
${isBottom ? (0, import_xstyled_styled_components.th)("toasts.bottom") : (0, import_xstyled_styled_components.th)("toasts.top")} | ||
@@ -62,24 +61,22 @@ position: fixed; | ||
); | ||
var Growl = (0, import_styled_components.default)(import_alert.Alert)( | ||
() => import_styled_components.css` | ||
position: relative; | ||
max-width: 25rem; | ||
padding: lg; | ||
${(0, import_styled_components.th)("toasts.growls.default")}; | ||
var Growl = (0, import_xstyled_styled_components.default)(import_alert.Alert)` | ||
position: relative; | ||
max-width: 25rem; | ||
padding: lg; | ||
${(0, import_xstyled_styled_components.th)("toasts.growls.default")}; | ||
div:first-of-type { | ||
align-self: baseline; | ||
} | ||
div:first-of-type { | ||
align-self: baseline; | ||
} | ||
button { | ||
flex-shrink: 0; | ||
} | ||
` | ||
); | ||
var Title = (0, import_styled_components.default)(import_box.Box)( | ||
() => import_styled_components.css` | ||
button { | ||
flex-shrink: 0; | ||
} | ||
`; | ||
var Title = import_xstyled_styled_components.default.divBox( | ||
() => import_xstyled_styled_components.css` | ||
display: flex; | ||
align-items: center; | ||
padding-bottom: xs; | ||
${(0, import_styled_components.th)("toasts.growls.title")}; | ||
${(0, import_xstyled_styled_components.th)("toasts.growls.title")}; | ||
@@ -91,4 +88,4 @@ & > *:first-child { | ||
); | ||
var Snackbar = (0, import_styled_components.default)(import_alert.Alert)( | ||
({ hasCloseButton }) => import_styled_components.css` | ||
var Snackbar = (0, import_xstyled_styled_components.default)(import_alert.Alert)( | ||
({ hasCloseButton }) => import_xstyled_styled_components.css` | ||
display: flex; | ||
@@ -168,3 +165,3 @@ align-items: center; | ||
var import_system = require("@welcome-ui/system"); | ||
var import_box2 = require("@welcome-ui/box"); | ||
var import_box = require("@welcome-ui/box"); | ||
var Growl2 = (0, import_system.forwardRef)( | ||
@@ -192,3 +189,3 @@ ({ children, dataTestId, hasCloseButton = true, icon, onClose, variant = "default" }, ref) => { | ||
), | ||
/* @__PURE__ */ import_react2.default.createElement(import_box2.Box, { pr: "xl" }, children) | ||
/* @__PURE__ */ import_react2.default.createElement(import_box.Box, { pr: "xl" }, children) | ||
); | ||
@@ -202,6 +199,6 @@ } | ||
var import_close_button2 = require("@welcome-ui/close-button"); | ||
var import_box3 = require("@welcome-ui/box"); | ||
var import_box2 = require("@welcome-ui/box"); | ||
var import_system2 = require("@welcome-ui/system"); | ||
var Snackbar2 = (0, import_system2.forwardRef)( | ||
({ children, hasCloseButton = true, icon, onClose, variant = "default", ...rest }, ref) => /* @__PURE__ */ import_react3.default.createElement(Snackbar, { hasCloseButton, icon, ref, variant, ...rest }, /* @__PURE__ */ import_react3.default.createElement(import_box3.Box, { alignItems: "center", display: "flex" }, children, hasCloseButton && /* @__PURE__ */ import_react3.default.createElement(import_close_button2.CloseButton, { onClick: onClose, size: "xs" }))) | ||
({ children, hasCloseButton = true, icon, onClose, variant = "default", ...rest }, ref) => /* @__PURE__ */ import_react3.default.createElement(Snackbar, { hasCloseButton, icon, ref, variant, ...rest }, /* @__PURE__ */ import_react3.default.createElement(import_box2.Box, { alignItems: "center", display: "flex" }, children, hasCloseButton && /* @__PURE__ */ import_react3.default.createElement(import_close_button2.CloseButton, { onClick: onClose, size: "xs" }))) | ||
); | ||
@@ -212,3 +209,3 @@ Snackbar2.displayName = "Snackbar"; | ||
var Notifications = ({ pauseOnHover = true }) => { | ||
const themeContext = (0, import_react4.useContext)(import_styled_components2.ThemeContext); | ||
const themeContext = (0, import_react4.useContext)(import_xstyled_styled_components2.ThemeContext); | ||
const { handlers, toasts } = (0, import_headless2.useToaster)(); | ||
@@ -218,3 +215,3 @@ const { calculateOffset, endPause, startPause, updateHeight } = handlers; | ||
const onMouseLeave = pauseOnHover ? endPause : void 0; | ||
return /* @__PURE__ */ import_react4.default.createElement(import_styled_components2.ThemeProvider, { theme: themeContext }, /* @__PURE__ */ import_react4.default.createElement("div", { onMouseEnter, onMouseLeave }, toasts.map((toast2) => /* @__PURE__ */ import_react4.default.createElement( | ||
return /* @__PURE__ */ import_react4.default.createElement(import_xstyled_styled_components2.ThemeProvider, { theme: themeContext }, /* @__PURE__ */ import_react4.default.createElement("div", { onMouseEnter, onMouseLeave }, toasts.map((toast2) => /* @__PURE__ */ import_react4.default.createElement( | ||
ToastWrapper2, | ||
@@ -221,0 +218,0 @@ { |
@@ -1,15 +0,4 @@ | ||
/// <reference types="react" /> | ||
import { GrowlOptions } from './Growl'; | ||
import { SnackbarOptions } from './Snackbar'; | ||
export declare const ToastWrapper: import("styled-components").StyledComponent<import("System/dist/types").CreateWuiComponent<"div", import("@welcome-ui/box").BoxProps>, import("@xstyled/system").Theme, { | ||
isBottom: boolean; | ||
}, never>; | ||
export declare const Growl: import("styled-components").StyledComponent<import("System/dist/types").CreateWuiComponent<"div", import("@welcome-ui/alert").AlertProps> & { | ||
Title: import("react").FC<import("Alert/dist/types/Title").AlertTitleProps>; | ||
Button: import("System/dist/types").CreateWuiComponent<"button", import("Button/dist/types").ButtonProps>; | ||
}, import("@xstyled/system").Theme, GrowlOptions, never>; | ||
export declare const Title: import("styled-components").StyledComponent<import("System/dist/types").CreateWuiComponent<"div", import("@welcome-ui/box").BoxProps>, import("@xstyled/system").Theme, {}, never>; | ||
export declare const Snackbar: import("styled-components").StyledComponent<import("System/dist/types").CreateWuiComponent<"div", import("@welcome-ui/alert").AlertProps> & { | ||
Title: import("react").FC<import("Alert/dist/types/Title").AlertTitleProps>; | ||
Button: import("System/dist/types").CreateWuiComponent<"button", import("Button/dist/types").ButtonProps>; | ||
}, import("@xstyled/system").Theme, SnackbarOptions, never>; | ||
export declare const ToastWrapper: any; | ||
export declare const Growl: any; | ||
export declare const Title: any; | ||
export declare const Snackbar: any; |
{ | ||
"name": "@welcome-ui/toast", | ||
"version": "5.13.0", | ||
"version": "5.13.3-alpha.1", | ||
"description": "Customizable design system with react • styled-components • styled-system and ariakit.", | ||
@@ -52,15 +52,15 @@ "main": "dist/index.js", | ||
"dependencies": { | ||
"@welcome-ui/alert": "^5.13.0", | ||
"@welcome-ui/box": "^5.12.0", | ||
"@welcome-ui/close-button": "^5.13.0", | ||
"@welcome-ui/system": "^5.12.0", | ||
"@welcome-ui/text": "^5.12.0", | ||
"@welcome-ui/alert": "^5.13.3-alpha.1", | ||
"@welcome-ui/box": "^5.13.3-alpha.1", | ||
"@welcome-ui/close-button": "^5.13.3-alpha.1", | ||
"@welcome-ui/system": "^5.13.3-alpha.1", | ||
"@welcome-ui/text": "^5.13.3-alpha.1", | ||
"react-hot-toast": "^2.4.1" | ||
}, | ||
"peerDependencies": { | ||
"@xstyled/styled-components": "^3.7.3", | ||
"@wttj/xstyled-styled-components": "^4.0.0", | ||
"react": "^18.0.0", | ||
"styled-components": "^5.3.9" | ||
"styled-components": "^6.1.8" | ||
}, | ||
"gitHead": "e373e5153d078270749d036fe3681ded5b1f8742", | ||
"gitHead": "706dc3b57025e553d802074c572676f2dcc89421", | ||
"sideEffects": false, | ||
@@ -67,0 +67,0 @@ "component": "Notifications, Toast, toast", |
Sorry, the diff of this file is not supported yet
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
129
4
5
1
27
26071
730
1
+ Added@emotion/unitless@0.8.1(transitive)
+ Added@types/stylis@4.2.5(transitive)
+ Addednanoid@3.3.7(transitive)
+ Addedpostcss@8.4.38(transitive)
+ Addedsource-map-js@1.2.0(transitive)
+ Addedstyled-components@6.1.11(transitive)
+ Addedstylis@4.3.2(transitive)
+ Addedtslib@2.6.2(transitive)
- Removed@ariakit/core@0.4.3(transitive)
- Removed@ariakit/react@0.4.3(transitive)
- Removed@ariakit/react-core@0.4.3(transitive)
- Removed@floating-ui/core@1.6.2(transitive)
- Removed@floating-ui/dom@1.6.5(transitive)
- Removed@floating-ui/utils@0.2.2(transitive)
- Removed@welcome-ui/alert@5.16.2(transitive)
- Removed@welcome-ui/button@5.16.2(transitive)
- Removed@welcome-ui/close-button@5.16.2(transitive)
- Removed@welcome-ui/icon@5.16.2(transitive)
- Removed@welcome-ui/icons@5.16.2(transitive)
- Removed@welcome-ui/loader@5.16.2(transitive)
- Removed@welcome-ui/shape@5.16.2(transitive)
- Removed@welcome-ui/stack@5.16.2(transitive)
- Removed@welcome-ui/utils@5.16.2(transitive)
- Removed@welcome-ui/variant-icon@5.16.2(transitive)
- Removeduse-sync-external-store@1.2.2(transitive)