@vc-shell/framework 2.0.0-alpha.13 → 2.0.0-alpha.16

package/dist/vc-toast.css

@@ -1 +0,0 @@
-@charset "UTF-8";:root{--notification-background: var(--additional-50);--notification-border-radius: 6px;--notification-border-color: var(--neutrals-200);--notification-dismiss-color: var(--neutrals-400);--notification-dismiss-hover-color: var(--neutrals-600);--notification-content-color: var(--neutrals-800);--notification-warning: var(--warning-500);--notification-error: var(--danger-500);--notification-success: var(--success-500);--notification-info: var(--info-500);--notification-shadow: 0 4px 12px rgba(0, 0, 0, .08);--notification-hover-shadow: 0 4px 16px rgba(0, 0, 0, .12);--notification-focus-ring-color: var(--primary-100);--notification-accent-width: 3px}.vc-notification{box-sizing:border-box;display:flex;align-items:center;overflow:hidden;border-width:1px;border-style:solid;padding:.75rem 1rem;justify-content:space-between;width:var(--width, 356px);max-width:600px;background-color:var(--notification-background);border-color:var(--notification-border-color);border-radius:var(--notification-border-radius);box-shadow:var(--notification-shadow);border-left:var(--notification-accent-width) solid var(--notification-info);position:absolute;z-index:var(--z-index);opacity:0;transform:var(--y);will-change:transform,opacity;touch-action:none;overflow-wrap:anywhere;pointer-events:all;--lift-amount: calc(var(--lift, 1) * var(--gap, 14px));transition:transform .4s,opacity .4s,box-shadow .2s}.vc-notification[data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1}.vc-notification[data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1}.vc-notification[data-mounted=true]{--y: translateY(0);opacity:1}.vc-notification[data-expanded=false][data-front=false]{--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1));height:var(--front-toast-height)}.vc-notification[data-expanded=false][data-front=false]>*{opacity:0}.vc-notification>*{transition:opacity .4s}.vc-notification[data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift, 1) * var(--offset)));height:var(--initial-height)}.vc-notification[data-visible=false]{opacity:0;pointer-events:none}.vc-notification[data-removed=true][data-front=true][data-swiped-out=false]{--y: translateY(calc(var(--lift, 1) * -100%));opacity:0}.vc-notification[data-removed=true][data-front=false][data-swiped-out=false][data-expanded=true]{--y: translateY(calc(var(--lift, 1) * var(--offset) + var(--lift, 1) * -100%));opacity:0}.vc-notification[data-removed=true][data-front=false][data-swiped-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}.vc-notification:hover{box-shadow:var(--notification-hover-shadow)}.vc-notification--success{border-left-color:var(--notification-success)}.vc-notification--error{border-left-color:var(--notification-error)}.vc-notification--warning{border-left-color:var(--notification-warning)}.vc-notification--default{border-left-color:var(--notification-info)}.vc-notification__content-wrapper{display:flex;flex-direction:row;align-items:center;gap:.5rem}.vc-notification__icon{flex-shrink:0}.vc-notification__content{overflow:auto;white-space:pre-line;font-size:.875rem;line-height:1.25rem;max-height:100px;color:var(--notification-content-color)}.vc-notification__dismiss-button{margin-left:.5rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-style:none;background-color:transparent;padding:.25rem;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--notification-dismiss-color)}.vc-notification__dismiss-button:hover{color:var(--notification-dismiss-hover-color)}.vc-notification__dismiss-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);ring-color:var(--notification-focus-ring-color)}.vc-notification[data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap, 14px) + 1px);bottom:100%;width:100%}.vc-notification[data-swiping=true]{transform:var(--y) translate(var(--swipe-amount-x, 0px));transition:none;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-notification[data-swiped-out=true]{pointer-events:none}.vc-notification[data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}@media(prefers-reduced-motion:reduce){.vc-notification{transition:none!important;animation:none!important}}