@dgithiomi/sbui-web 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +13 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +19 -19
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +12 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -12298,12 +12298,12 @@ var TOAST_VARIANTS = {
|
|
|
12298
12298
|
success: {
|
|
12299
12299
|
backgroundColor: "rgb(var(--color-fg))",
|
|
12300
12300
|
textColor: "rgb(var(--color-fg-inverse))",
|
|
12301
|
-
|
|
12302
|
-
|
|
12301
|
+
toastContentColor: "rgb(var(--color-success-500))",
|
|
12302
|
+
iconBackground: "rgb(var(--color-success-400) / 90%)",
|
|
12303
12303
|
icon: /* @__PURE__ */ import_react37.default.createElement(
|
|
12304
12304
|
Success,
|
|
12305
12305
|
{
|
|
12306
|
-
size:
|
|
12306
|
+
size: 17,
|
|
12307
12307
|
className: "rounded-full",
|
|
12308
12308
|
color: "rgb(var(--color-success-600))"
|
|
12309
12309
|
}
|
|
@@ -12312,29 +12312,23 @@ var TOAST_VARIANTS = {
|
|
|
12312
12312
|
error: {
|
|
12313
12313
|
backgroundColor: "rgb(var(--color-fg))",
|
|
12314
12314
|
textColor: "rgb(var(--color-fg-inverse))",
|
|
12315
|
-
iconBackground: "rgb(var(--color-error-400))",
|
|
12316
12315
|
toastContentColor: "rgb(var(--color-error-400))",
|
|
12317
|
-
|
|
12316
|
+
iconBackground: "rgb(var(--color-error-400) / 80%)",
|
|
12317
|
+
icon: /* @__PURE__ */ import_react37.default.createElement(XFill, { size: 17, color: "rgb(var(--color-error-600) / 90%)" })
|
|
12318
12318
|
},
|
|
12319
12319
|
warning: {
|
|
12320
12320
|
backgroundColor: "rgb(var(--color-fg))",
|
|
12321
12321
|
textColor: "rgb(var(--color-fg-inverse))",
|
|
12322
12322
|
iconBackground: "rgb(var(--color-warning-500))",
|
|
12323
12323
|
toastContentColor: "rgb(var(--color-warning-500))",
|
|
12324
|
-
icon: /* @__PURE__ */ import_react37.default.createElement(Warning, { size:
|
|
12324
|
+
icon: /* @__PURE__ */ import_react37.default.createElement(Warning, { size: 17, color: "white" })
|
|
12325
12325
|
},
|
|
12326
12326
|
info: {
|
|
12327
12327
|
backgroundColor: "rgb(var(--color-fg))",
|
|
12328
12328
|
textColor: "rgb(var(--color-fg-inverse))",
|
|
12329
|
-
iconBackground: "rgb(var(--color-primary-
|
|
12330
|
-
toastContentColor: "rgb(var(--color-primary-
|
|
12331
|
-
icon: /* @__PURE__ */ import_react37.default.createElement(
|
|
12332
|
-
CircledInformation,
|
|
12333
|
-
{
|
|
12334
|
-
size: 16,
|
|
12335
|
-
color: "rgb(var(--color-primary-600))"
|
|
12336
|
-
}
|
|
12337
|
-
)
|
|
12329
|
+
iconBackground: "rgb(var(--color-primary-500))",
|
|
12330
|
+
toastContentColor: "rgb(var(--color-primary-500))",
|
|
12331
|
+
icon: /* @__PURE__ */ import_react37.default.createElement(CircledInformation, { size: 17, color: "white" })
|
|
12338
12332
|
}
|
|
12339
12333
|
};
|
|
12340
12334
|
function secondsToMillis(seconds) {
|
|
@@ -12416,10 +12410,10 @@ var Toast = ({
|
|
|
12416
12410
|
"div",
|
|
12417
12411
|
{
|
|
12418
12412
|
style: { backgroundColor: iconBackground },
|
|
12419
|
-
className: "grid size-
|
|
12413
|
+
className: "grid size-7 place-items-center rounded-full self-start mt-1"
|
|
12420
12414
|
},
|
|
12421
12415
|
icon
|
|
12422
|
-
), /* @__PURE__ */ import_react39.default.createElement("div", { className: "pointer-events-none flex-1" }, title && /* @__PURE__ */ import_react39.default.createElement("p", { className: "font-semibold" }, title), /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-sm" }, message)), /* @__PURE__ */ import_react39.default.createElement(
|
|
12416
|
+
), /* @__PURE__ */ import_react39.default.createElement("div", { className: "pointer-events-none flex-1" }, title && /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-base font-semibold" }, title), /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-sm" }, message)), /* @__PURE__ */ import_react39.default.createElement(
|
|
12423
12417
|
"div",
|
|
12424
12418
|
{
|
|
12425
12419
|
role: "button",
|
|
@@ -12427,7 +12421,7 @@ var Toast = ({
|
|
|
12427
12421
|
style: {
|
|
12428
12422
|
borderColor: toastColors.closeIconBorderColor
|
|
12429
12423
|
},
|
|
12430
|
-
className:
|
|
12424
|
+
className: `!cursor-pointer rounded-full border p-1 opacity-50 hover:opacity-100`
|
|
12431
12425
|
},
|
|
12432
12426
|
/* @__PURE__ */ import_react39.default.createElement(X, { size: 16, color: toastColors.closeIconColor })
|
|
12433
12427
|
)),
|
|
@@ -12481,6 +12475,7 @@ var ToastProvider = ({
|
|
|
12481
12475
|
return /* @__PURE__ */ import_react40.default.createElement(
|
|
12482
12476
|
motion.div,
|
|
12483
12477
|
{
|
|
12478
|
+
className: "w-full",
|
|
12484
12479
|
key: toastUUID,
|
|
12485
12480
|
layout: true,
|
|
12486
12481
|
initial: { opacity: 0, x: 50, y: 10 },
|