@lion/overlays - npm Package Compare versions

Comparing version 0.23.0 to 0.23.1

CHANGELOG.md

 # Change Log
 
+## 0.23.1
+
+### Patch Changes
+
+- a04ea59c: Put tooltip arrow width and height css props on host of ArrowMixin.
+
 ## 0.23.0
@@ -4,0 +10,0 @@

package.json

 {
   "name": "@lion/overlays",
-  "version": "0.23.0",
+  "version": "0.23.1",
   "description": "Overlays System using lit-html for rendering",
@@ -5,0 +5,0 @@ "license": "MIT",

src/ArrowMixin.d.ts

@@ -18,5 +18,5 @@ /**
     modifiers: Partial<import("@popperjs/core/lib/types").Modifier<any, any>>[];
-    strategy: import("@popperjs/core/lib/types").PositioningStrategy; /** @type {Placement} */
+    strategy: import("@popperjs/core/lib/types").PositioningStrategy;
     onFirstUpdate?: ((arg0: Partial<import("@popperjs/core/lib/types").State>) => void) | undefined;
 };
 export type Placement = "auto" | "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | "auto-start" | "auto-end";

src/ArrowMixin.js

@@ -33,2 +33,7 @@ import { css, html, dedupeMixin } from '@lion/core';
         css`
+          :host {
+            --tooltip-arrow-width: 12px;
+            --tooltip-arrow-height: 8px;
+          }
+
           .arrow svg {
@@ -40,4 +45,2 @@ display: block;
             position: absolute;
-            --tooltip-arrow-width: 12px;
-            --tooltip-arrow-height: 8px;
             width: var(--tooltip-arrow-width);
@@ -44,0 +47,0 @@ height: var(--tooltip-arrow-height);

No alert changes

Improved metrics

Total package byte prevSize

320209

increased by0.04%

Lines of code

6340

increased by0.03%

No dependency changes