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

package/styler/styles/layouts/image-gallery.css

@@ -1,58 +0,0 @@
-body[editing] {
-    & image-gallery {
-        display: flex;
-        flex-wrap: wrap;
-        flex-direction: row;
-        gap: 10px;
-        & > * {
-            max-height: 30vh;
-            max-width: 30vw;
-            margin: 10px;
-            object-fit: contain;
-        }
-        & > [data-element=add] {
-            background-color: black;
-            color: white;
-            font-size: 16px;
-            font-weight: bold;
-            display: flex;
-            justify-items: center;
-            border-radius: 9999px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "+ Add";
-            padding: 20px;
-            place-self: center;
-        }
-    }
-
-    & image-grid {
-
-        & > * {
-            max-height: 30vh;
-            max-width: 30vw;
-            margin: 10px;
-            object-fit: contain;
-            margin: 20px;
-            box-shadow: 0 0 20px 1px black;
-            border: solid 1px white;
-        }
-
-        & > [data-element=add] {
-            background-color: black;
-            color: white;
-            font-size: 16px;
-            font-weight: bold;
-            display: flex;
-            justify-items: center;
-            border-radius: 9999px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "+ Add";
-            padding: 20px;
-            place-self: center;
-        }
-    }
-}

package/styler/styles/layouts/inject.css

@@ -1,8 +0,0 @@
-body[editing] {
-    & inject {
-        & * {
-            user-select: none;
-            pointer-events: none;
-        }
-    }
-}

package/styler/styles/layouts/inline-svg.css

@@ -1,3 +0,0 @@
-inline-svg {
-    display: inline-block;
-}

package/styler/styles/layouts/link.css

@@ -1,6 +0,0 @@
-[styler-layout=link] {
-    text-decoration: none;
-    &:hover {
-        text-decoration: underline;
-    }
-}

package/styler/styles/layouts/main.css

@@ -1,60 +0,0 @@
-[styler-layout=main] {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    justify-items: start;
-    padding: var(--size-default, 10px);
-    margin: var(--size-default, 10px);
-    line-height: 30px;
-
-    gap: var(--size-large, 20px);
-    
-    --children-width: 100%;
-    --children-padding: var(--size-large, 20px);
-
-    @media (max-width: 899px)  {
-        & {
-            margin: 0;    
-        }
-        
-    }
-    
-    @media (min-width: 900px)  {
-        & {    
-            width: 900px;
-            --children-width: 900px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-    }
-
-    @media (min-width: 1200px)  {
-        & {        
-            width: 1200px;
-            --children-width: 1200px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-    }
-    &[styler-full-screen] {
-    
-            width: 100%;
-            max-width: 100%;
-            padding: 0;
-            margin: 0;
-    
-    }
-    & > [styler-background-mode=extend] {
-    
-            align-self: center;
-            width: 100vw;
-            border-radius: 0;
-    
-    }
-    & > [styler-background-mode=extend]:not([styler-padding]) {
-    
-                padding: 10px calc(50vw - var(--children-width) / 2 + 20px);
-    
-    }
-    
-}

package/styler/styles/layouts/nav-bar.css

@@ -1,87 +0,0 @@
-[styler-layout=nav-bar] {
-    display: flex;
-    padding: var(--size-small);
-    padding-left: var(--size-large);
-    padding-right: var(--size-large);
-    border-radius: var(--size-default);
-    margin: var(--size-default);
-    border-radius: var(--size-large);
-    align-items: center;
-    justify-content: space-between;
-    & > h1, & > h2, & > h3, & > h5, & > h6 {
-        margin-block-start: 0;
-        margin-block-end: 0;
-        & a {
-            text-decoration: none;
-            color: var(--default-text-color);
-            &:hover {
-                color: var(--accent-color);
-            }
-        }
-    }
-}
-
-[styler-element=navbar] {
-    & nav {
-
-        input:not(:checked)+nav menu {
-            position: relative;
-            padding-inline-start: 0;
-            margin: 0;
-            &:not(:hover) > ul:not(:hover) {
-                display: none;
-            }
-
-            & > ul {
-                position: absolute;
-                left: 5px;
-                top: 1ch;
-                background-color: canvas;
-                margin: 10px;
-                border-radius: 5px;
-                border: solid 1px lightgray;
-                padding-inline-start: 0;
-            }
-
-            & li {
-                list-style-type: none;
-
-                padding: 10px;
-                margin: 5px;
-
-                &:hover {
-                    background-color: var(--hover-color);
-                    color: var(--hover-text-color);
-                }
-            }
-        }
-
-        input:checked+nav > menu {
-            position: relative;
-            padding-inline-start: 0;
-            margin: 0;
-
-            & > ul {
-                background-color: canvas;
-                margin: 10px;
-                border-radius: 5px;
-                border: solid 1px lightgray;
-                padding-inline-start: 0;
-            }
-
-            & li {
-                list-style-type: none;
-
-                padding: 10px;
-                margin: 5px;
-
-                &:hover {
-                    background-color: var(--hover-color);
-                    color: var(--hover-text-color);
-                }
-            }
-        }
-
-
-    }
-}

package/styler/styles/layouts/price-box.css

@@ -1,69 +0,0 @@
-[styler-layout=price-box] {
-    max-width: 300px;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: start;
-    align-items: start;
-    justify-items: start;
-    gap: var(--size-smaller);
-    contain: content;
-
-    border: solid 1px var(--border-color);
-    border-radius: var(--size-default);
-
-    padding: var(--size-small);
-    padding-left: var(--size-default);
-    padding-right: var(--size-default);
-
-    & > h1, & > h2, & > h3, & > h4, & > h5 , & > h6  {
-        font-weight: 400;
-        padding: var(--size-tiny);
-        padding-left: var(--size-default);
-        padding-right: var(--size-default);
-        margin-block-start: var(--size-tiny);
-        margin-block-end: var(--size-tiny);
-    }
-
-    & > [styler-element=highlight] {
-        padding: var(--size-small);
-        padding-left: var(--size-default);
-        padding-right: var(--size-default);
-        border-radius: var(--size-default);
-        transform: rotate(45deg) translate(32%, -250%);
-        align-self: stretch;
-        text-align: center;
-        width: 100%;
-    }
-
-    & > [styler-element=price] {
-        font-size: var(--rem1_5);
-    }
-
-    & > [styler-element=strike-through] {
-        text-decoration: line-through;
-    }
-
-    & > [styler-element=buy-button] {
-        border-radius: 9999px;
-        border: solid 2px var(--accent-color);
-        padding: var(--size-tiny);
-        place-self: stretch;
-        text-align: center;
-        text-decoration: none;
-        color: var(--accent-color);
-    }
-
-    & > footer {
-        place-self: stretch;
-        text-align: center;
-        margin-top: auto;
-        border-top: solid 1px var(--border-color);
-    }
-
-    & > ul[style-element=features] {
-        & > li {
-            list-style-image: data-uri("./check.svg")
-        }
-    }
-}

package/styler/styles/layouts/right-image-box.css

@@ -1,44 +0,0 @@
-[styler-layout=right-image-box] {
-    display: flex;
-    flex-direction: row-reverse;
-    gap: var(--size-default);
-    padding: var(--size-default);
-    margin: var(--size-default);
-    border-radius: var(--size-default);
-    justify-items: center;
-    align-items: stretch;
-    contain: content;
-    position: relative;
-
-    & > img {
-        align-self: stretch;
-    }
-
-    & > section {
-        & > h4[styler-element=accent] {
-            padding: var(--size-large);
-        }
-    }
-    & > * {
-        padding: var(--size-default);
-        flex: 1 1 50%;
-        max-width: 50%;
-    }
-
-
-    @media (max-width: 700px) { 
-        & {
-            flex-direction: column;
-        }
-
-        & > img {
-            align-self: stretch;
-        }
-
-        & > * {
-            padding: var(--size-default);
-            flex: 1 1 100%;
-            max-width: 100%;
-        }
-    }
-}

package/styler/styles/layouts/row.css

@@ -1,24 +0,0 @@
-[styler-layout=row] {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: var(--size-default);
-    padding: var(--size-default);
-    margin: var(--size-default);
-    border-radius: var(--size-default);
-    justify-items: center;
-    align-items: center;
-
-    & > * {
-        padding: var(--size-default);
-        flex: 1 1 100%;
-    }
-
-
-    @media (min-width: 600px) { 
-        & {
-            flex-direction: row;
-            flex-wrap: nowrap;
-        }
-    }
-}

package/styler/styles/layouts/svgs/bars.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>

package/styler/styles/layouts/svgs/cross.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path class="fa-secondary" opacity=".4" d="M297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6z"/><path class="fa-primary" d=""/></svg>

package/styler/styles/layouts/text-box.css

@@ -1,10 +0,0 @@
-[styler-layout=text-box] {
-    display: flex;
-    flex-direction: column;
-    gap: var(--size-default);
-    padding: var(--size-default);
-    margin: var(--size-default);
-    border-radius: var(--size-default);
-    justify-items: center;
-    align-items: stretch;
-}

package/styler/styles/layouts/vertical-image-box.css

@@ -1,28 +0,0 @@
-[styler-layout=vertical-image-box] {
-    display: flex;
-    flex-direction: column;
-    gap: var(--size-default);
-    padding: var(--size-default);
-    margin: var(--size-default);
-    border-radius: var(--size-default);
-    justify-items: center;
-    align-items: center;
-    contain: content;
-
-    & > img {
-        border-radius: var(--size-large);
-        max-width: 100%;
-    }
-
-    & > * {
-        padding: var(--size-default);
-        flex: 1 1 100%;
-    }
-
-    & > section {
-        & > h4[styler-element=accent] {
-            padding: var(--size-large);
-            border-radius: var(--size-large);
-        }
-    }
-}

package/styler/styles/layouts/wrap-list.css

@@ -1,9 +0,0 @@
-[styler-layout=wrap-list] {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: var(--size-default);
-    padding: var(--size-default);
-    margin: var(--size-default);
-    border-radius: var(--size-default);
-}

package/styler/styles/lists/color-list.js

@@ -1,40 +0,0 @@
-export const colorList = {
-	"inherit": "inherit",
-	"initial": "initial",
-	"revert": "revert",
-	"revert-layer": "revert-layer",
-	"unset": "unset",
-
-	"transparent": "transparent",
-	"default-color": "var(--default-color)",
-	"default-text-color": "var(--default-text-color)",
-	"surface-color": "var(--surface-color)",
-	"surface-text-color": "var(--surface-text-color)",
-	"accent-color": "var(--accent-color)",
-	"accent-text-color": "var(--accent-text-color)",
-	"accept-color": "var(--accept-color)",
-	"accent-text-color": "var(--accent-text-color)",
-	"border-color": "var(--border-color)",
-	"go-color": "var(--go-color)",
-	"go-text-color": "var(--go-text-color)",
-	"header-color": "var(--header-color)",
-	"header-text-color": "var(--header-text-color)",
-	"hover-color": "var(--hover-color)",
-	"hover-text-color": "var(--hover-text-color)",
-	"link-color": "var(--link-color)",
-	"note-color": "var(--note-color)",
-	"note-text-color": "var(--note-text-color)",
-	"reject-color": "var(--reject-color)",
-	"reject-text-color": "var(--reject-text-color)",
-	"selection-color": "var(--selection-color)",
-	"selection-text-color": "var(--selection-text-color)",
-	"stop-color": "var(--stop-color)",
-	"stop-text-color": "var(--stop-text-color)",
-	"warning-color": "var(--warning-color)",
-	"warning-text-color": "var(--warning-text-color)"
-};
-
-export const colorListWithCustom = (name) => Object.entries({
-	... colorList,
-	custom: `var(--styler-${name})`
-});

package/styler/styles/lists/size-list.js

@@ -1,100 +0,0 @@
-export const sizeList = {
-	"inherit": "inherit",
-	"initial": "initial",
-	"revert": "revert",
-	"revert-layer": "revert-layer",
-	"unset": "unset",
-
-	"size-zero": "var(--size-zero)",
-
-	"size-auto": "var(--size-auto)",
-	"size-thin": "var(--size-thin)",
-	"size-tiny": "var(--size-tiny)",
-	"size-small": "var(--size-small)",
-	"size-smaller": "var(--size-smaller)",
-	"size-default": "var(--size-default)",
-	"size-larger": "var(--size-larger)",
-	"size-large": "var(--size-large)",
-
-
-	"size-mobile-width": "var(--size-mobile-width)",
-	"size-tablet-width": "var(--size-tablet-width)",
-
-
-	"size10-pc": "var(--size10-pc)",
-	"size20-pc": "var(--size20-pc)",
-	"size25-pc": "var(--size25-pc)",
-	"size30-pc": "var(--size30-pc)",
-	"size33-pc": "var(--size33-pc)",
-	"size40-pc": "var(--size40-pc)",
-	"size50-pc": "var(--size50-pc)",
-	"size60-pc": "var(--size60-pc)",
-	"size66-pc": "var(--size66-pc)",
-	"size70-pc": "var(--size70-pc)",
-	"size75-pc": "var(--size75-pc)",
-	"size80-pc": "var(--size80-pc)",
-	"size90-pc": "var(--size90-pc)",
-	"size100-pc": "var(--size100-pc)",
-
-
-	"size10vw": "var(--size10vw)",
-	"size20vw": "var(--size20vw)",
-	"size25vw": "var(--size25vw)",
-	"size30vw": "var(--size30vw)",
-	"size33vw": "var(--size33vw)",
-	"size40vw": "var(--size40vw)",
-	"size50vw": "var(--size50vw)",
-	"size60vw": "var(--size60vw)",
-	"size66vw": "var(--size66vw)",
-	"size70vw": "var(--size70vw)",
-	"size75vw": "var(--size75vw)",
-	"size80vw": "var(--size80vw)",
-	"size90vw": "var(--size90vw)",
-	"size100vw": "var(--size100vw)",
-
-	"size10vh": "var(--size10vh)",
-	"size20vh": "var(--size20vh)",
-	"size25vh": "var(--size25vh)",
-	"size30vh": "var(--size30vh)",
-	"size33vh": "var(--size33vh)",
-	"size40vh": "var(--size40vh)",
-	"size50vh": "var(--size50vh)",
-	"size60vh": "var(--size60vh)",
-	"size66vh": "var(--size66vh)",
-	"size70vh": "var(--size70vh)",
-	"size75vh": "var(--size75vh)",
-	"size80vh": "var(--size80vh)",
-	"size90vh": "var(--size90vh)",
-	"size100vh": "var(--size100vh)",
-
-
-	"rem1": "var(--rem1)",
-	"rem2": "var(--rem2)",
-	"rem3": "var(--rem3)",
-	"rem4": "var(--rem4)",
-	"rem5": "var(--rem5)",
-	"rem7_5": "var(--rem7_5)",
-	"rem10": "var(--rem10)",
-	"rem12_5": "var(--rem2_5)",
-	"rem15": "var(--rem15)",
-
-	"rel-size-x-s": "var(--rel-size-x-s)",
-	"rel-size-small": "var(--rel-size-small)",
-	"rel-size-medium": "var(--rel-size-medium)",
-	"rel-size-large": "var(--rel-size-large)",
-	"rel-size-x-l": "var(--rel-size-x-l)",
-	"rel-size2-x-l": "var(--rel-size2-x-l)",
-	"rel-size3-x-l": "var(--rel-size3-x-l)",
-	"rel-size4-x-l": "var(--rel-size4-x-l)",
-	"rel-size5-x-l": "var(--rel-size5-x-l)",
-	"rel-size6-x-l": "var(--rel-size6-x-l)",
-	"rel-size7-x-l": "var(--rel-size7-x-l)",
-	"rel-size-full": "var(--rel-size-full)",
-	"rel-size-prose": "var(--rel-size-prose)",
-};
-
-
-export const sizeListWithCustom = (name) => Object.entries({
-	... sizeList,
-	custom: `var(--styler-${name})`
-});

package/styler/styles/properties/background/background-clip.css

@@ -1,5 +0,0 @@
-body[editing] [styler-background-clip=text] {
-    &:empty:before {
-        content: "Text Mask";
-    }
-}