@florid-kit/components 0.10.13 → 0.10.14

package/index.js

@@ -1095,21 +1095,6 @@
             transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
         }
 
-        :host([endIcon]) a {
-            &:hover {
-                o-icon-button {
-                    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-                    :host(:not([reverseEndIcon])) & {
-                        transform: translateX(4px);
-                    }
-
-                    :host([reverseEndIcon]) & {
-                        transform: translateX(-4px);
-                    }
-                }
-            }
-        }
-
         :host a {
             position: relative;
             text-decoration: none;
@@ -1134,11 +1119,21 @@
             pointer-events: none;
         }
 
-        :host a:hover .link-text::after {
-            opacity: 0;
-            height: 1px;
+        @media (hover: hover) and (pointer: fine) {
+            :host a:hover .link-text::after {
+                opacity: 0;
+                height: 1px;
+            }
+
+            :host([endIcon]) a:hover o-icon-button {
+                transform: translateX(4px);
+                transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+            }
+
+            :host([endIcon][reverseEndIcon]) a:hover o-icon-button {
+                transform: translateX(-4px);
+            }
         }
-        /* End of underline effect */
     `;lt([a({type:String})],K.prototype,"href",2);lt([a({type:String})],K.prototype,"target",2);lt([a({type:String,reflect:!0})],K.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"reverseEndIcon",2);K=lt([g("o-link")],K);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Dt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Yo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Xo(t,e,i),i};let pt=class extends p{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let r;e>=1?r=100:e<=0?r=0:r=Math.round(e*100/25)*25,o.push(`star-${r}`)}return o}render(){const o=this.getStarKeys();return l`
 			<div class="rating">
 			<div class="stars">

package/index.mjs

@@ -2454,21 +2454,6 @@ K.styles = f`
             transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
         }
 
-        :host([endIcon]) a {
-            &:hover {
-                o-icon-button {
-                    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-                    :host(:not([reverseEndIcon])) & {
-                        transform: translateX(4px);
-                    }
-
-                    :host([reverseEndIcon]) & {
-                        transform: translateX(-4px);
-                    }
-                }
-            }
-        }
-
         :host a {
             position: relative;
             text-decoration: none;
@@ -2493,11 +2478,21 @@ K.styles = f`
             pointer-events: none;
         }
 
-        :host a:hover .link-text::after {
-            opacity: 0;
-            height: 1px;
+        @media (hover: hover) and (pointer: fine) {
+            :host a:hover .link-text::after {
+                opacity: 0;
+                height: 1px;
+            }
+
+            :host([endIcon]) a:hover o-icon-button {
+                transform: translateX(4px);
+                transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+            }
+
+            :host([endIcon][reverseEndIcon]) a:hover o-icon-button {
+                transform: translateX(-4px);
+            }
         }
-        /* End of underline effect */
     `;
 lt([
   a({ type: String })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.10.13",
+  "version": "0.10.14",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",