beercss 3.7.7 → 3.7.9

package/src/cdn/elements/overlays.css

@@ -2,19 +2,13 @@
   opacity: 0;
   visibility: hidden;
   position: fixed;
-  inset: 0 auto auto 0;
-  inline-size: 100%;
-  block-size: 100%;
+  inset: 0;
   color: var(--on-surface);
   background-color: var(--overlay);
   z-index: 100;
   transition: all var(--speed3), 0s background-color;
 }
 
-nav > .overlay {
-  z-index: 0;
-}
-
 .overlay.active {
   opacity: 1;
   visibility: visible;

package/src/cdn/elements/pages.css

@@ -1,5 +1,4 @@
-.page,
-:is(.page, dialog):not(.active) .page.active {
+.page {
   ---transform: translate(0, 0);
 
   opacity: 0;

package/src/cdn/elements/snackbars.css

@@ -1,7 +1,4 @@
 .snackbar {
-  ---transform-start: translate(-50%, 1rem);
-  ---transform-end: translate(-50%, 0);
-
   position: fixed;
   inset: auto auto 6rem 50%;
   inline-size: 80%;
@@ -19,7 +16,9 @@
   align-items: center;
   border-radius: 0.25rem;
   gap: 0.5rem;
-  transform: var(---transform-end);
+  transition: all var(--speed2);
+  transform: translate(-50%, 1rem);
+  opacity: 0;
 }
 
 .snackbar.top {
@@ -28,29 +27,14 @@
 
 .snackbar.active {
   visibility: visible;
-  animation: var(--speed2) to-snackbar;
-}
-
-.snackbar.active.top {
-  ---transform-end: translate(-50%, -1rem);
+  transform: translate(-50%, 0);
+  opacity: 1;
 }
 
 .snackbar > .max {
   flex: auto;
 }
 
-@keyframes to-snackbar {
-  0% {
-    opacity: 0;
-    transform: var(---transform-start);
-  }
-
-  100% {
-    opacity: 1;
-    transform: var(---transform-end);
-  }
-}
-
 @media only screen and (min-width: 993px) {
   .snackbar {
     inline-size: 40%;

package/src/cdn/helpers/theme.css

@@ -1,3 +1,9 @@
+.transparent {
+  background-color: transparent !important;
+  box-shadow: none !important;
+  color: inherit !important;
+}
+
 .primary {
   background-color: var(--primary) !important;
   color: var(--on-primary) !important;
@@ -166,12 +172,6 @@
   color: #FFF !important;
 }
 
-.transparent {
-  background-color: transparent !important;
-  box-shadow: none !important;
-  color: inherit !important;
-}
-
 .transparent-border {
   border-color: transparent !important;
 }

package/src/cdn/helpers/typography.css

@@ -214,4 +214,5 @@ blockquote > code {
 
 pre:has(> code){
   direction: ltr;
+  text-align: start;
 }

package/src/cdn/settings/fonts.css

@@ -6,7 +6,7 @@
   font-display: block;
   src:
     url("../material-symbols-outlined.woff2") format("woff2"),
-    url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-outlined.woff2") format("woff2");
+    url("https://cdn.jsdelivr.net/npm/beercss@3.7.9/dist/cdn/material-symbols-outlined.woff2") format("woff2");
 }
 
 /* rounded icons */
@@ -17,7 +17,7 @@
   font-display: block;
   src:
     url("../material-symbols-rounded.woff2") format("woff2"),
-    url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-rounded.woff2") format("woff2");
+    url("https://cdn.jsdelivr.net/npm/beercss@3.7.9/dist/cdn/material-symbols-rounded.woff2") format("woff2");
 }
 
 /* sharp icons */
@@ -28,5 +28,5 @@
   font-display: block;
   src:
     url("../material-symbols-sharp.woff2") format("woff2"),
-    url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-sharp.woff2") format("woff2");
+    url("https://cdn.jsdelivr.net/npm/beercss@3.7.9/dist/cdn/material-symbols-sharp.woff2") format("woff2");
 }

package/src/cdn/utils.ts

@@ -1,8 +1,3 @@
-import { updateDialog } from "./elements/dialogs";
-import { updateMenu } from "./elements/menus";
-import { updatePage } from "./elements/pages";
-import { updateSnackbar } from "./elements/snackbars";
-
 const _emptyNodeList = [] as unknown as NodeListOf<Element>;
 
 export function isTouchable(): boolean {
@@ -118,45 +113,9 @@ export function updateAllClickable(element: Element) {
 
   const container = parent(element);
   if (!hasClass(container, "tabs") && !hasClass(container, "tabbed") && !hasTag(container, "nav")) return;
-  
+
   const as = queryAll("a", container);
   for(let i=0; i<as.length; i++) removeClass(as[i], "active");
   addClass(element, "active");
 }
 
-export async function run(from: Element, to: Element | null, options?: any, e?: Event): Promise<void> {
-  if (!to) {
-    to = query(from.getAttribute("data-ui"));
-    if (!to) return;
-  }
-
-  updateAllClickable(from);
-
-  if (hasTag(to, "dialog")) {
-    await updateDialog(from, to as HTMLDialogElement);
-    return;
-  }
-
-  if (hasTag(to, "menu")) {
-    updateMenu(from, to as HTMLMenuElement, e);
-    return;
-  }
-
-  if (hasClass(to, "snackbar")) {
-    updateSnackbar(to, options as number);
-    return;
-  }
-
-  if (hasClass(to, "page")) {
-    updatePage(to);
-    return;
-  }
-
-  if (hasClass(to, "active")) { 
-    removeClass(from, "active");
-    removeClass(to, "active");
-    return; 
-  }
-
-  addClass(to, "active");
-}