toastory 0.1.2 → 0.1.3

package/dist/themes/sweet.toast.css

@@ -1 +1 @@
-.gk-root{box-sizing:border-box;font-family:var(--gk-font, system-ui, sans-serif);--gk-ease: cubic-bezier(.22, 1, .36, 1);--gk-duration: .38s}.gk-root *{box-sizing:border-box}.gk-root [hidden]{display:none!important}.gk-region{position:fixed;z-index:var(--gk-z, 2147483000);width:var(--gk-width, 360px);max-width:calc(100vw - 32px);margin:0;padding:0;pointer-events:none;transition:height var(--gk-duration) var(--gk-ease)}.gk-region[data-contained]{position:absolute}.gk-region:focus{outline:none}.gk-region[data-position^=top]{top:max(var(--gk-offset-top, 16px),env(safe-area-inset-top,0))}.gk-region[data-position^=bottom]{bottom:max(var(--gk-offset-bottom, 16px),env(safe-area-inset-bottom,0))}.gk-region[data-position$=left]{left:max(var(--gk-offset-left, 16px),env(safe-area-inset-left,0))}.gk-region[data-position$=right]{right:max(var(--gk-offset-right, 16px),env(safe-area-inset-right,0))}.gk-region[data-position$=center]{left:50%;transform:translate(-50%)}@media(max-width:600px){.gk-region{width:calc(100vw - var(--gk-mobile-offset, 32px))!important;max-width:100vw!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.gk-toast{--gk-blur: min(var(--gk-blur), 12px)}}.gk-toast-list{position:relative;height:100%;margin:0;padding:0;list-style:none}.gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-offset, 0px));position:absolute;left:0;right:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 12px;padding:14px 16px;overflow:hidden;color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w, 1px) solid var(--gk-border);border-radius:var(--gk-radius);box-shadow:var(--gk-shadow);-webkit-backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));pointer-events:auto;touch-action:pan-y;user-select:none;transform-origin:top;transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px)));top:0;transition:all var(--gk-duration) var(--gk-ease)}.gk-toast[data-has-close]{padding-inline-end:38px}.gk-region[data-position^=bottom] .gk-toast{top:auto;bottom:0;transform-origin:bottom}.gk-region[data-shadow=false] .gk-toast{box-shadow:none}:is(.gk-toast,.gk-btn,.gk-close,.gk-link):focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-region[data-expanded=false] .gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-index, 0) * 10px);transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px))) scale(calc(1 - var(--gk-index, 0) * .05))}.gk-region[data-expanded=false] .gk-toast:not(:last-child){height:var(--gk-front);pointer-events:none}.gk-region[data-expanded=false] :is(.gk-toast:not(:last-child)>*,.gk-toast[data-far]){opacity:0}.gk-toast[data-type=success]{--gk-type:var(--gk-success)}.gk-toast[data-type=error]{--gk-type:var(--gk-error)}.gk-toast[data-type=warning]{--gk-type:var(--gk-warning)}.gk-toast[data-type=info]{--gk-type:var(--gk-info)}.gk-toast[data-type=loading]{--gk-type:var(--gk-accent)}.gk-toast[data-rich]{background:color-mix(in srgb,var(--gk-type, transparent) 16%,var(--gk-bg-solid));border-color:var(--gk-type, var(--gk-border))}.gk-toast[data-clickable]{cursor:pointer}.gk-icon{display:flex;flex:none;margin-top:1px;color:var(--gk-type, var(--gk-muted))}.gk-avatar img{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover}.gk-content,.gk-link{flex:1 1 140px;min-width:140px;overflow-wrap:break-word;word-break:normal}.gk-link{display:block;color:inherit;text-decoration:none}.gk-link:hover .gk-title{text-decoration:underline}.gk-title{font:600 14px/1.4 inherit}.gk-desc{margin-top:2px;font:13px/1.4 inherit;color:var(--gk-muted)}.gk-desc a{color:inherit}.gk-count{display:inline-block;margin-top:4px;padding:0 6px;font:11px/18px inherit;border:1px solid var(--gk-border);border-radius:9px;color:var(--gk-muted)}.gk-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}.gk-toast[data-wrap] .gk-actions{width:100%;justify-content:end}.gk-btn,.gk-close{background:transparent;cursor:pointer}.gk-btn{min-height:28px;padding:0 12px;font:600 13px inherit;color:var(--gk-fg);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius) / 2);white-space:nowrap}.gk-action{color:var(--gk-accent-fg);background:var(--gk-accent);border-color:var(--gk-accent)}.gk-close{position:absolute;top:12px;inset-inline-end:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--gk-muted);border:0;border-radius:50%;z-index:2}.gk-close svg{width:16px;height:16px}.gk-close:hover{color:var(--gk-fg)}.gk-progress{position:absolute;inset:auto 0 0;height:3px}.gk-progress i{display:block;height:100%;background:var(--gk-type, var(--gk-accent));transform-origin:left;animation:gk-shrink var(--gk-d) linear forwards;animation-delay:var(--gk-delay, 0ms)}[dir=rtl] .gk-progress i{transform-origin:right}.gk-toast[data-paused] .gk-progress i{animation-play-state:paused}.gk-spin{animation:gk-spin .9s linear infinite}@keyframes gk-shrink{to{transform:scaleX(0)}}@keyframes gk-spin{to{transform:rotate(360deg)}}@keyframes gk-bounce{0%{opacity:0;transform:scale(.8)}to{transform:none}}@keyframes gk-zoom{0%{opacity:0;transform:scale(.85)}}@keyframes gk-flip{0%{opacity:0;transform:perspective(600px) rotateX(80deg)}}@keyframes gk-spring{0%{opacity:0;transform:translateY(-35px)}to{transform:none}}@keyframes gk-fade{0%{opacity:0}}.gk-toast[data-animation]{animation:var(--gk-duration) var(--gk-ease)}.gk-toast[data-animation=bounce]{animation-name:gk-bounce}.gk-toast[data-animation=zoom]{animation-name:gk-zoom}.gk-toast[data-animation=flip]{animation-name:gk-flip}.gk-toast[data-animation=spring]{animation-name:gk-spring}.gk-toast[data-animation=fade]{animation-name:gk-fade}.gk-toast[data-animation=none]{animation:none;transition:none}.gk-toast[data-mounted=false]{opacity:0;transform:translateY(calc(var(--gk-y) + var(--gk-dir, 1) * -60%)) scale(.96)}.gk-toast[data-swiping]{transition:none}.gk-toast[data-dismissed]{opacity:0;pointer-events:none}.gk-toast[data-swipe-out=left]{transform:translate(-120%,var(--gk-y))}.gk-toast[data-swipe-out=right]{transform:translate(120%,var(--gk-y))}.gk-toast[data-swipe-out=up]{transform:translateY(calc(var(--gk-y) - 120%))}.gk-toast[data-swipe-out=down]{transform:translateY(calc(var(--gk-y) + 120%))}.gk-toast:is([data-swiping],[data-state=exiting],[data-mounted=false]){will-change:transform,opacity}@supports not (backdrop-filter: blur(1px)){.gk-toast{background:var(--gk-bg-solid)}}@media(prefers-reduced-transparency:reduce){.gk-toast{background:var(--gk-bg-solid);backdrop-filter:none}}@media(forced-colors:active){.gk-toast{background:var(--gk-bg-solid);border:1px solid ButtonBorder;color:CanvasText}}@media(prefers-reduced-motion:reduce){.gk-toast,.gk-region{transition:opacity .15s ease!important}.gk-toast{animation:gk-fade .15s ease!important}.gk-spin{animation:none}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#ffffff;--gk-bg-solid:#ffffff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:rgba(60, 60, 67, .22);--gk-shadow:0 12px 34px rgba(0, 0, 0, .2);--gk-accent:#0057c2;--gk-accent-fg:#ffffff;--gk-danger:#b71c1c;--gk-danger-fg:#ffffff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media(prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{align-items:center;justify-content:center;width:36px;height:36px;margin:0;border:3px solid var(--gk-type,var(--gk-border));border-radius:50%}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}
+.gk-root,.gk-root *{box-sizing:border-box}.gk-root{font-family:var(--gk-font, system-ui, sans-serif);--gk-ease: cubic-bezier(.22, 1, .36, 1);--gk-duration: .38s}.gk-root [hidden]{display:none!important}.gk-region{position:fixed;z-index:var(--gk-z, 2147483000);width:var(--gk-width, 360px);max-width:calc(100vw - 32px);margin:0;padding:0;pointer-events:none;transition:height var(--gk-duration) var(--gk-ease)}.gk-region[data-contained]{position:absolute}.gk-region:focus{outline:none}.gk-region[data-position^=top]{top:max(var(--gk-offset-top, 16px),env(safe-area-inset-top,0))}.gk-region[data-position^=bottom]{bottom:max(var(--gk-offset-bottom, 16px),env(safe-area-inset-bottom,0))}.gk-region[data-position$=left]{left:max(var(--gk-offset-left, 16px),env(safe-area-inset-left,0))}.gk-region[data-position$=right]{right:max(var(--gk-offset-right, 16px),env(safe-area-inset-right,0))}.gk-region[data-position$=center]{left:50%;transform:translate(-50%)}@media(max-width:600px){.gk-region{width:calc(100vw - var(--gk-mobile-offset, 32px))!important;max-width:100vw!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.gk-toast{--gk-blur: min(var(--gk-blur), 12px)}}.gk-toast-list{position:relative;height:100%;margin:0;padding:0;list-style:none}.gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-offset, 0px));position:absolute;left:0;right:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 12px;padding:14px 16px;overflow:hidden;color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w, 1px) solid var(--gk-border);border-radius:var(--gk-radius);box-shadow:var(--gk-shadow);-webkit-backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));pointer-events:auto;touch-action:pan-y;user-select:none;transform-origin:top;transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px)));top:0;transition:all var(--gk-duration) var(--gk-ease)}.gk-toast[data-has-close]{padding-inline-end:38px}.gk-region[data-position^=bottom] .gk-toast{top:auto;bottom:0;transform-origin:bottom}.gk-region[data-shadow=false] .gk-toast{box-shadow:none}:is(.gk-toast,.gk-btn,.gk-close,.gk-link):focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-region[data-expanded=false] .gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-index, 0) * 10px);transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px))) scale(calc(1 - var(--gk-index, 0) * .05))}.gk-region[data-expanded=false] .gk-toast:not(:last-child){height:var(--gk-front);pointer-events:none}.gk-region[data-expanded=false] :is(.gk-toast:not(:last-child)>*,.gk-toast[data-far]){opacity:0}.gk-toast[data-type=success]{--gk-type:var(--gk-success)}.gk-toast[data-type=error]{--gk-type:var(--gk-error)}.gk-toast[data-type=warning]{--gk-type:var(--gk-warning)}.gk-toast[data-type=info]{--gk-type:var(--gk-info)}.gk-toast[data-type=loading]{--gk-type:var(--gk-accent)}.gk-toast[data-rich]{background:color-mix(in srgb,var(--gk-type, transparent) 16%,var(--gk-bg-solid));border-color:var(--gk-type, var(--gk-border))}.gk-toast[data-clickable]{cursor:pointer}.gk-icon{display:flex;flex:none;margin-top:1px;color:var(--gk-type, var(--gk-muted))}.gk-avatar img{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover}.gk-content,.gk-link{flex:1 1 140px;min-width:140px;overflow-wrap:break-word;word-break:normal}.gk-link{display:block;color:inherit;text-decoration:none}.gk-link:hover .gk-title{text-decoration:underline}.gk-title{font:600 14px/1.4 inherit}.gk-desc{margin-top:2px;font:13px/1.4 inherit;color:var(--gk-muted)}.gk-desc a{color:inherit}.gk-count{display:inline-block;margin-top:4px;padding:0 6px;font:11px/18px inherit;border:1px solid var(--gk-border);border-radius:9px;color:var(--gk-muted)}.gk-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}.gk-toast[data-wrap] .gk-actions{width:100%;justify-content:end}.gk-btn,.gk-close{background:transparent;cursor:pointer}.gk-btn{min-height:28px;padding:0 12px;font:600 13px inherit;color:var(--gk-fg);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius) / 2);white-space:nowrap}.gk-action{color:var(--gk-accent-fg);background:var(--gk-accent);border-color:var(--gk-accent)}.gk-close{position:absolute;top:12px;inset-inline-end:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--gk-muted);border:0;border-radius:50%;z-index:2}.gk-close svg{width:16px;height:16px}.gk-close:hover{color:var(--gk-fg)}.gk-progress{position:absolute;inset:auto 0 0;height:3px}.gk-progress i{display:block;height:100%;background:var(--gk-type, var(--gk-accent));transform-origin:left;animation:gk-shrink var(--gk-d) linear forwards;animation-delay:var(--gk-delay, 0ms)}[dir=rtl] .gk-progress i{transform-origin:right}.gk-toast[data-paused] .gk-progress i{animation-play-state:paused}.gk-spin{animation:gk-spin .9s linear infinite}@keyframes gk-shrink{to{transform:scaleX(0)}}@keyframes gk-spin{to{transform:rotate(360deg)}}@keyframes gk-bounce{0%{opacity:0;transform:scale(.8)}to{transform:none}}@keyframes gk-zoom{0%{opacity:0;transform:scale(.85)}}@keyframes gk-flip{0%{opacity:0;transform:perspective(600px) rotateX(80deg)}}@keyframes gk-spring{0%{opacity:0;transform:translateY(-35px)}to{transform:none}}@keyframes gk-fade{0%{opacity:0}}.gk-toast[data-animation]{animation:var(--gk-duration) var(--gk-ease)}.gk-toast[data-animation=bounce]{animation-name:gk-bounce}.gk-toast[data-animation=zoom]{animation-name:gk-zoom}.gk-toast[data-animation=flip]{animation-name:gk-flip}.gk-toast[data-animation=spring]{animation-name:gk-spring}.gk-toast[data-animation=fade]{animation-name:gk-fade}.gk-toast[data-animation=none]{animation:none;transition:none}.gk-toast[data-mounted=false]{opacity:0;transform:translateY(calc(var(--gk-y) + var(--gk-dir, 1) * -60%)) scale(.96)}.gk-toast[data-swiping]{transition:none}.gk-toast[data-dismissed]{opacity:0;pointer-events:none}.gk-toast[data-swipe-out=left]{transform:translate(-120%,var(--gk-y))}.gk-toast[data-swipe-out=right]{transform:translate(120%,var(--gk-y))}.gk-toast[data-swipe-out=up]{transform:translateY(calc(var(--gk-y) - 120%))}.gk-toast[data-swipe-out=down]{transform:translateY(calc(var(--gk-y) + 120%))}.gk-toast:is([data-swiping],[data-state=exiting],[data-mounted=false]){will-change:transform,opacity}@supports not (backdrop-filter: blur(1px)){.gk-toast{background:var(--gk-bg-solid)}}@media(prefers-reduced-transparency:reduce){.gk-toast{background:var(--gk-bg-solid);backdrop-filter:none}}@media(forced-colors:active){.gk-toast{background:var(--gk-bg-solid);border:1px solid ButtonBorder;color:CanvasText}}@media(prefers-reduced-motion:reduce){.gk-toast,.gk-region{transition:opacity .15s ease!important}.gk-toast{animation:gk-fade .15s ease!important}.gk-spin{animation:none}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#ffffff;--gk-bg-solid:#ffffff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:rgba(60, 60, 67, .22);--gk-shadow:0 12px 34px rgba(0, 0, 0, .2);--gk-accent:#0057c2;--gk-accent-fg:#ffffff;--gk-danger:#b71c1c;--gk-danger-fg:#ffffff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media(prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{align-items:center;justify-content:center;width:36px;height:36px;margin:0;border:3px solid var(--gk-type,var(--gk-border));border-radius:50%}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}.gk-toast[data-gk-theme=sweet] .gk-btn{border-radius:10px;transition:all .16s ease}.gk-toast[data-gk-theme=sweet] .gk-action{background:var(--gk-accent);color:var(--gk-accent-fg);border-color:transparent;box-shadow:0 3px 10px color-mix(in srgb,var(--gk-accent) 30%,transparent)}.gk-toast[data-gk-theme=sweet] .gk-btn:not(.gk-action){background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border-color:var(--gk-border)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toastory",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Complete UI feedback toolkit: toast notifications, confirm / prompt / alert dialogs, sheets and loading overlays with frosted glass design.",
   "license": "MIT",
   "author": "TA Shanto <shanto@toastory.tashanto.com>",