@social-mail/social-mail-client 1.8.445 → 1.9.2

package/styler/styles/animations/animation-definition.js

@@ -1,46 +0,0 @@
-import styled from "postcss-import-styled-js";
-import { stylerAnimation } from "../../core.js";
-
-const animation = (category, { name, definition, init, suffix = ""}) => {
-
-    const fullName = `${category}-${name}`;
-    const propertyName = `--styler-${category}`;
-
-    return styled.css `
-
-    ${stylerAnimation(category, name, suffix)} {
-        ${propertyName}: ${category}-${name};
-        ${init(`--${category}-${name}-start`)};
-    }
-    ${definition(fullName, `--${category}-${name}-end`)}
-
-    ${stylerAnimation(category + "-effect-1", name, suffix)} {
-        ${propertyName}-effect-1: ${category}-${name}-effect-1;
-        ${init(`--${category}-${name}-effect-1-start`)};
-    }
-    ${definition(fullName + "-effect-1", `--${category}-${name}-effect-1-end`)}
-
-    ${stylerAnimation(category + "-effect-2", name , suffix)} {
-        ${propertyName}-effect-2: ${category}-${name}-effect-2;
-        ${init(`--${category}-${name}-effect-2-start`)};
-    }
-    ${definition(fullName + "-effect-2", `--${category}-${name}-effect-2-end`)}
-
-
-`;
-};
-
-export const animationDefinitions = ({
-    definition,
-    name,
-    init
-    }) => styled.css `
-
-    ${animation("on-enter", { definition, name, init })}
-
-    ${animation("on-hover", { definition, name, init, suffix: ":hover" })}
-
-    ${animation("on-leave", { definition, name, init })}
-
-    
-`;

package/styler/styles/animations/animations/fade-in.css

@@ -1,155 +0,0 @@
-
-
-    
-
-    :not(animated-text)[styler-on-enter=fade-in],
-    animated-text[styler-on-enter=fade-in] > * {
-        --styler-on-enter: on-enter-fade-in;
-        
-        opacity: var(--on-enter-fade-in-start, 0);
-    ;
-    }
-    
-        @keyframes on-enter-fade-in {
-            100% {
-                opacity: var(--on-enter-fade-in-end, 1);
-            }
-        }
-    
-
-    :not(animated-text)[styler-on-enter-effect-1=fade-in],
-    animated-text[styler-on-enter-effect-1=fade-in] > * {
-        --styler-on-enter-effect-1: on-enter-fade-in-effect-1;
-        
-        opacity: var(--on-enter-fade-in-effect-1-start, 0);
-    ;
-    }
-    
-        @keyframes on-enter-fade-in-effect-1 {
-            100% {
-                opacity: var(--on-enter-fade-in-effect-1-end, 1);
-            }
-        }
-    
-
-    :not(animated-text)[styler-on-enter-effect-2=fade-in],
-    animated-text[styler-on-enter-effect-2=fade-in] > * {
-        --styler-on-enter-effect-2: on-enter-fade-in-effect-2;
-        
-        opacity: var(--on-enter-fade-in-effect-2-start, 0);
-    ;
-    }
-    
-        @keyframes on-enter-fade-in-effect-2 {
-            100% {
-                opacity: var(--on-enter-fade-in-effect-2-end, 1);
-            }
-        }
-    
-
-
-
-
-    
-
-    :not(animated-text)[styler-on-hover=fade-in]:hover,
-    animated-text[styler-on-hover=fade-in]:hover > * {
-        --styler-on-hover: on-hover-fade-in;
-        
-        opacity: var(--on-hover-fade-in-start, 0);
-    ;
-    }
-    
-        @keyframes on-hover-fade-in {
-            100% {
-                opacity: var(--on-hover-fade-in-end, 1);
-            }
-        }
-    
-
-    :not(animated-text)[styler-on-hover-effect-1=fade-in]:hover,
-    animated-text[styler-on-hover-effect-1=fade-in]:hover > * {
-        --styler-on-hover-effect-1: on-hover-fade-in-effect-1;
-        
-        opacity: var(--on-hover-fade-in-effect-1-start, 0);
-    ;
-    }
-    
-        @keyframes on-hover-fade-in-effect-1 {
-            100% {
-                opacity: var(--on-hover-fade-in-effect-1-end, 1);
-            }
-        }
-    
-
-    :not(animated-text)[styler-on-hover-effect-2=fade-in]:hover,
-    animated-text[styler-on-hover-effect-2=fade-in]:hover > * {
-        --styler-on-hover-effect-2: on-hover-fade-in-effect-2;
-        
-        opacity: var(--on-hover-fade-in-effect-2-start, 0);
-    ;
-    }
-    
-        @keyframes on-hover-fade-in-effect-2 {
-            100% {
-                opacity: var(--on-hover-fade-in-effect-2-end, 1);
-            }
-        }
-    
-
-
-
-
-    
-
-    :not(animated-text)[styler-on-leave=fade-in],
-    animated-text[styler-on-leave=fade-in] > * {
-        --styler-on-leave: on-leave-fade-in;
-        
-        opacity: var(--on-leave-fade-in-start, 0);
-    ;
-    }
-    
-        @keyframes on-leave-fade-in {
-            100% {
-                opacity: var(--on-leave-fade-in-end, 1);
-            }
-        }
-    
-
-    :not(animated-text)[styler-on-leave-effect-1=fade-in],
-    animated-text[styler-on-leave-effect-1=fade-in] > * {
-        --styler-on-leave-effect-1: on-leave-fade-in-effect-1;
-        
-        opacity: var(--on-leave-fade-in-effect-1-start, 0);
-    ;
-    }
-    
-        @keyframes on-leave-fade-in-effect-1 {
-            100% {
-                opacity: var(--on-leave-fade-in-effect-1-end, 1);
-            }
-        }
-    
-
-    :not(animated-text)[styler-on-leave-effect-2=fade-in],
-    animated-text[styler-on-leave-effect-2=fade-in] > * {
-        --styler-on-leave-effect-2: on-leave-fade-in-effect-2;
-        
-        opacity: var(--on-leave-fade-in-effect-2-start, 0);
-    ;
-    }
-    
-        @keyframes on-leave-fade-in-effect-2 {
-            100% {
-                opacity: var(--on-leave-fade-in-effect-2-end, 1);
-            }
-        }
-    
-
-
-
-
-    
-
-/*# sourceMappingURL=fade-in.css.map */

package/styler/styles/animations/animations/fade-in.css.js

@@ -1,20 +0,0 @@
-import styled from "postcss-import-styled-js";
-import { animationDefinitions } from "../animation-definition.js";
-
-
-export default animationDefinitions({
-
-    name: "fade-in",
-
-    definition: (animationName, propertyName) => styled.css `
-        @keyframes ${animationName} {
-            100% {
-                opacity: var(${propertyName}, 1);
-            }
-        }
-    `,
-
-    init: (varName) => styled.css `
-        opacity: var(${varName}, 0);
-    `
-});

package/styler/styles/animations/animations/fade-in.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../animation-definition.js","fade-in.css.js"],"names":[],"mappings":"AAoCsB;AAAA;AAAA,IA5BC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AA4BD;AAAA;AAAA,IA5BC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AA4BD;AAAA;AAAA,IA5BC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AAAA;AAAA;AAAA,QCQY;AAAA;AAAA,IDRZ;AAAA;AAAA,ICAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IDAtC;AAAA;AAAA;AA4BD;AAAA;AAAA"}

package/styler/styles/animations/animations.css

@@ -1,108 +0,0 @@
-
-
-    
-
-    :not(animated-text)[styler-on-enter],
-    animated-text[styler-on-enter] > * {
-
-        animation-name: var(--styler-on-enter, none),
-            var(--styler-on-enter-effect-1, none),
-            var(--styler-on-enter-effect-2, none);
-        animation-duration: var(--styler-on-enter-duration, 1s),
-            var(--styler-on-enter-effect-1-duration, 1s),
-            var(--styler-on-enter-effect-2-duration, 1s);
-        animation-direction: var(--styler-on-enter-direction, unset),
-            var(--styler-on-enter-effect-1-direction, unset),
-            var(--styler-on-enter-effect-2-direction, unset);
-        animation-iteration-count: var(--styler-on-enter-iteration-count, 1),
-            var(--styler-on-enter-effect-1-iteration-count, 1),
-            var(--styler-on-enter-effect-2-iteration-count, 1);
-        animation-timing-function: var(--styler-on-enter-timing-function, ease),
-            var(--styler-on-enter-effect-1-timing-function, ease),
-            var(--styler-on-enter-effect-2-timing-function, ease);
-        animation-delay: var(--styler-on-enter-delay, var(--animation-delay, unset)),
-            var(--styler-on-enter-effect-1-delay, var(--animation-delay, unset)),
-            var(--styler-on-enter-effect-2-delay, var(--animation-delay, unset));
-    }
-
-
-    
-
-    :not(animated-text)[styler-on-hover]:hover,
-    animated-text[styler-on-hover]:hover > * {
-
-        animation-name: var(--styler-on-hover, none),
-            var(--styler-on-hover-effect-1, none),
-            var(--styler-on-hover-effect-2, none);
-        animation-duration: var(--styler-on-hover-duration, 1s),
-            var(--styler-on-hover-effect-1-duration, 1s),
-            var(--styler-on-hover-effect-2-duration, 1s);
-        animation-direction: var(--styler-on-hover-direction, unset),
-            var(--styler-on-hover-effect-1-direction, unset),
-            var(--styler-on-hover-effect-2-direction, unset);
-        animation-iteration-count: var(--styler-on-hover-iteration-count, 1),
-            var(--styler-on-hover-effect-1-iteration-count, 1),
-            var(--styler-on-hover-effect-2-iteration-count, 1);
-        animation-timing-function: var(--styler-on-hover-timing-function, ease),
-            var(--styler-on-hover-effect-1-timing-function, ease),
-            var(--styler-on-hover-effect-2-timing-function, ease);
-        animation-delay: var(--styler-on-hover-delay, var(--animation-delay, unset)),
-            var(--styler-on-hover-effect-1-delay, var(--animation-delay, unset)),
-            var(--styler-on-hover-effect-2-delay, var(--animation-delay, unset));
-    }
-
-
-    
-
-    :not(animated-text)[styler-on-leave],
-    animated-text[styler-on-leave] > * {
-
-        animation-name: var(--styler-on-leave, none),
-            var(--styler-on-leave-effect-1, none),
-            var(--styler-on-leave-effect-2, none);
-        animation-duration: var(--styler-on-leave-duration, 1s),
-            var(--styler-on-leave-effect-1-duration, 1s),
-            var(--styler-on-leave-effect-2-duration, 1s);
-        animation-direction: var(--styler-on-leave-direction, unset),
-            var(--styler-on-leave-effect-1-direction, unset),
-            var(--styler-on-leave-effect-2-direction, unset);
-        animation-iteration-count: var(--styler-on-leave-iteration-count, 1),
-            var(--styler-on-leave-effect-1-iteration-count, 1),
-            var(--styler-on-leave-effect-2-iteration-count, 1);
-        animation-timing-function: var(--styler-on-leave-timing-function, ease),
-            var(--styler-on-leave-effect-1-timing-function, ease),
-            var(--styler-on-leave-effect-2-timing-function, ease);
-        animation-delay: var(--styler-on-leave-delay, var(--animation-delay, unset)),
-            var(--styler-on-leave-effect-1-delay, var(--animation-delay, unset)),
-            var(--styler-on-leave-effect-2-delay, var(--animation-delay, unset));
-    }
-
-
-    
-
-    :not(animated-text)[styler-on-scroll-above-body][above-body],
-    animated-text[styler-on-scroll-above-body][above-body] > * {
-
-        animation-name: var(--styler-on-scroll-above-body, none),
-            var(--styler-on-scroll-above-body-effect-1, none),
-            var(--styler-on-scroll-above-body-effect-2, none);
-        animation-duration: var(--styler-on-scroll-above-body-duration, 1s),
-            var(--styler-on-scroll-above-body-effect-1-duration, 1s),
-            var(--styler-on-scroll-above-body-effect-2-duration, 1s);
-        animation-direction: var(--styler-on-scroll-above-body-direction, unset),
-            var(--styler-on-scroll-above-body-effect-1-direction, unset),
-            var(--styler-on-scroll-above-body-effect-2-direction, unset);
-        animation-iteration-count: var(--styler-on-scroll-above-body-iteration-count, 1),
-            var(--styler-on-scroll-above-body-effect-1-iteration-count, 1),
-            var(--styler-on-scroll-above-body-effect-2-iteration-count, 1);
-        animation-timing-function: var(--styler-on-scroll-above-body-timing-function, ease),
-            var(--styler-on-scroll-above-body-effect-1-timing-function, ease),
-            var(--styler-on-scroll-above-body-effect-2-timing-function, ease);
-        animation-delay: var(--styler-on-scroll-above-body-delay, var(--animation-delay, unset)),
-            var(--styler-on-scroll-above-body-effect-1-delay, var(--animation-delay, unset)),
-            var(--styler-on-scroll-above-body-effect-2-delay, var(--animation-delay, unset));
-    }
-
-
-
-/*# sourceMappingURL=animations.css.map */

package/styler/styles/animations/animations.css.js

@@ -1,40 +0,0 @@
-import styled from "postcss-import-styled-js";
-import { splitNames } from "../../core.js";
-import { stylerAnimation } from "../../core.js";
-
-const animation = (name, suffix) => styled.css `
-
-    ${stylerAnimation(name, void 0, suffix)} {
-
-        animation-name: var(--styler-${name}, none),
-            var(--styler-${name}-effect-1, none),
-            var(--styler-${name}-effect-2, none);
-        animation-duration: var(--styler-${name}-duration, 1s),
-            var(--styler-${name}-effect-1-duration, 1s),
-            var(--styler-${name}-effect-2-duration, 1s);
-        animation-direction: var(--styler-${name}-direction, unset),
-            var(--styler-${name}-effect-1-direction, unset),
-            var(--styler-${name}-effect-2-direction, unset);
-        animation-iteration-count: var(--styler-${name}-iteration-count, 1),
-            var(--styler-${name}-effect-1-iteration-count, 1),
-            var(--styler-${name}-effect-2-iteration-count, 1);
-        animation-timing-function: var(--styler-${name}-timing-function, ease),
-            var(--styler-${name}-effect-1-timing-function, ease),
-            var(--styler-${name}-effect-2-timing-function, ease);
-        animation-delay: var(--styler-${name}-delay, var(--animation-delay, unset)),
-            var(--styler-${name}-effect-1-delay, var(--animation-delay, unset)),
-            var(--styler-${name}-effect-2-delay, var(--animation-delay, unset));
-    }
-`;
-
-export default styled.css `
-
-    ${animation("on-enter")}
-
-    ${animation("on-hover", ":hover")}
-
-    ${animation("on-leave")}
-
-    ${animation("on-scroll-above-body", "[above-body]")}
-
-`;

package/styler/styles/animations/animations.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["animations.css.js"],"names":[],"mappings":"AA6B2B;AAAA;AAAA,IAzBqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBrB;AAAA;AAAA,IAzBqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBrB;AAAA;AAAA,IAzBqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBrB;AAAA;AAAA,IAzBqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBrB;AAAA"}

package/styler/styles/animations/effects-key-frames.css

@@ -1,11 +0,0 @@
-@keyframes rotate {
-    0% {
-        rotate: 0deg;
-    }
-    50% {
-        rotate: 180deg;
-    }
-    100% {
-        rotate: 360deg;
-    }
-}

package/styler/styles/animations/effects.css

@@ -1,29 +0,0 @@
-
-    
-
-    [styler-on-enter-effect-1=rotate] {
-        --styler-on-enter-effect-1: rotate;
-    }
-
-    [styler-on-enter-effect-2=rotate] {
-        --styler-on-enter-effect-2: rotate;
-    }
-
-    [styler-on-click-effect-1=rotate] {
-        --styler-on-click-effect-1: rotate;
-    }
-
-    [styler-on-click-effect-2=rotate] {
-        --styler-on-click-effect-2: rotate;
-    }
-
-    [styler-on-hover-effect-1=rotate] {
-        --styler-on-hover-effect-1: rotate;
-    }
-
-    [styler-on-hover-effect-2=rotate] {
-        --styler-on-hover-effect-2: rotate;
-    }
-
-
-/*# sourceMappingURL=effects.css.map */

package/styler/styles/animations/effects.css.js

@@ -1,39 +0,0 @@
-import styled from "postcss-import-styled-js";
-import { splitNames } from "../../core.js";
-
-const effects = `
-    rotate
-`;
-
-const all = splitNames(effects).map((effect) =>
-    styled.css `
-
-    [styler-on-enter-effect-1=${effect}] {
-        --styler-on-enter-effect-1: ${effect};
-    }
-
-    [styler-on-enter-effect-2=${effect}] {
-        --styler-on-enter-effect-2: ${effect};
-    }
-
-    [styler-on-click-effect-1=${effect}] {
-        --styler-on-click-effect-1: ${effect};
-    }
-
-    [styler-on-click-effect-2=${effect}] {
-        --styler-on-click-effect-2: ${effect};
-    }
-
-    [styler-on-hover-effect-1=${effect}] {
-        --styler-on-hover-effect-1: ${effect};
-    }
-
-    [styler-on-hover-effect-2=${effect}] {
-        --styler-on-hover-effect-2: ${effect};
-    }
-`
-).flat(2);
-
-export default styled.css `
-    ${all}
-`;

package/styler/styles/animations/effects.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["effects.css.js"],"names":[],"mappings":"AAoC2B;AAAA,IA5BX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BW"}

package/styler/styles/animations/hover/hover-animations.css

@@ -1,23 +0,0 @@
-[styler-on-hover=scale-up], [styler-on-hover=scale-up] > * {
-    cursor: pointer;
-}
-
-:not(animated-text)[styler-on-hover=scale-up],
-animated-text[styler-on-hover=scale-up] > * {
-    transition-property: all;
-    transition-duration: var(--styler-on-hover-duration, 0.3s);
-    transition-timing-function: var(--styler-on-leave-timing-function, ease-in-out);
-}
-
-
-
-:not(animated-text)[styler-on-hover=scale-up]:hover,
-animated-text[styler-on-hover=scale-up] > *:hover {
-    scale: var(--styler-on-hover-scale, 1.25);
-}
-
-
-:not(animated-text)[styler-on-hover=scale-down]:hover,
-animated-text[styler-on-hover=scale-down] > *:hover {
-    scale: var(--styler-on-hover-scale, 1.25);
-}

package/styler/styles/animations/main-key-frames.css

@@ -1,48 +0,0 @@
-
-
-    @keyframes fade-in {
-        0% {
-            opacity: 0.3;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-
-    @keyframes fade-out {
-        0% {
-            opacity: 1;
-        }
-        100% {
-            opacity: 0.3;
-        }
-    }
-
-    @keyframes zoom-in {
-        0% {
-            scale: 0.5;
-        }
-        100% {
-            scale: 1;
-        }
-    }
-
-    @keyframes zoom-out {
-        0% {
-            scale: 1;
-        }
-        100% {
-            scale: 0.5;
-        }
-    }
-
-    @keyframes scale-up {
-        0% {
-            scale: 1;
-        }
-        100% {
-            scale: 1.5;
-        }
-    }
-
-/*# sourceMappingURL=main-key-frames.css.map */

package/styler/styles/animations/main-key-frames.css.js

@@ -1,49 +0,0 @@
-import styled from "postcss-import-styled-js";
-
-export default styled.css `
-
-    @keyframes fade-in {
-        0% {
-            opacity: 0.3;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-
-    @keyframes fade-out {
-        0% {
-            opacity: 1;
-        }
-        100% {
-            opacity: 0.3;
-        }
-    }
-
-    @keyframes zoom-in {
-        0% {
-            scale: 0.5;
-        }
-        100% {
-            scale: 1;
-        }
-    }
-
-    @keyframes zoom-out {
-        0% {
-            scale: 1;
-        }
-        100% {
-            scale: 0.5;
-        }
-    }
-
-    @keyframes scale-up {
-        0% {
-            scale: 1;
-        }
-        100% {
-            scale: 1.5;
-        }
-    }
-`;

package/styler/styles/animations/main-key-frames.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["main-key-frames.css.js"],"names":[],"mappings":"AAE2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}