vira 31.1.0 → 31.1.2

package/dist/elements/pop-up/vira-menu.element.js

@@ -60,7 +60,6 @@ export const ViraMenu = defineViraElement()({
         }
 
         ${hostClasses['vira-menu-open-upwards'].selector} {
-            ${viraShadows.menuShadowReversed}
             border-radius: ${viraFormCssVars['vira-form-radius'].value};
             border-bottom-left-radius: 0;
             border-bottom-right-radius: 0;

package/dist/elements/vira-button.element.js

@@ -414,8 +414,10 @@ export const ViraButton = defineViraElement()({
             }
 
             ${hostClasses['vira-button-icon-only'].selector} {
+                aspect-ratio: 1;
+
                 button {
-                    aspect-ratio: 1;
+                    padding: 0;
                 }
             }
         `;

package/dist/styles/shadows.d.ts

@@ -15,6 +15,5 @@ export declare const shadowCssVars: import("lit-css-vars").CssVarDefinitions<{
  */
 export declare const viraShadows: {
     readonly menuShadow: CSSResult;
-    readonly menuShadowReversed: CSSResult;
     readonly modal: CSSResult;
 };

package/dist/styles/shadows.js

@@ -22,13 +22,6 @@ export const viraShadows = {
        */
         will-change: filter;
     `,
-    menuShadowReversed: css `
-        filter: drop-shadow(0px -5px 5px ${shadowCssVars['menu-shadow-color'].value});
-        /*
-           This helps force the drop shadow to re-render when the element moves or the page changes.
-       */
-        will-change: filter;
-    `,
     modal: css `
         box-shadow: 0 5px 15px ${shadowCssVars['modal-shadow-color'].value};
     `,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "31.1.0",
+    "version": "31.1.2",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",