@things-factory/styles - npm Package Compare versions

Comparing version 7.0.0-alpha.24 to 7.0.0

package.json

 {
   "name": "@things-factory/styles",
-  "version": "7.0.0-alpha.24",
+  "version": "7.0.0",
   "browser": "src/index.js",
@@ -17,5 +17,5 @@ "description": "Common styling for application.",
   "dependencies": {
-    "lit": "^2.5.0"
+    "lit": "^3.1.2"
   },
-  "gitHead": "9fe76b02534c4ae7d17caea32e66f7ed7e9e87eb"
+  "gitHead": "00f3917ca132679e3571f3f4fd16f4caf84f488e"
 }

src/tooltip-styles.js

@@ -5,32 +5,26 @@ import { css } from 'lit'
   /* for tooltip */
-  [data-tooltip]:after {
-    position: absolute;
+  [data-tooltip]::after {
+    position: fixed;
     content: attr(data-tooltip);
-    color: #fff;
-    z-index: 1;
+    color: var(--tooltip-color, var(--md-sys-color-surface));
     pointer-events: none;
+    z-index: 1000;
     display: block;
-    text-transform: capitalize;
 
-    padding: var(--tooltip-padding);
-    background-color: var(--tooltip-background-color);
+    padding: var(--tooltip-padding, var(--spacing-small, 2px));
+    background-color: var(--tooltip-background-color, var(--md-sys-color-on-surface));
     font: var(--tooltip-font);
     box-shadow: var(--box-shadow);
-    border-radius: var(--border-radius);
+    border-radius: var(--border-radius, var(--md-sys-shape-corner-small, 2px));
 
-    left: var(--tooltip-left-positon-left);
-    top: var(--tooltip-left-position-top);
-    right: var(--tooltip-left-position-right);
-    animation: var(--tooltip-left-position-animation);
+    left: var(--tooltip-left);
+    top: var(--tooltip-top);
+
+    max-width: var(--tooltip-max-width, 300px);
+    max-height: var(--tooltip-max-height, 300px);
+    width: fit-content;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    overflow: hidden;
   }
-  @keyframes tooltip-left {
-    0% {
-      opacity: 0;
-      right: 150%;
-    }
-    100% {
-      opacity: 1;
-      right: 110%;
-    }
-  }
 `

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

127742

increased by0.03%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Lines of code

465

decreased by-1.48%

Dependency changes

• + Added@lit/reactive-element@2.0.4(transitive)

• + Addedlit@3.2.1(transitive)

• + Addedlit-element@4.1.1(transitive)

• + Addedlit-html@3.2.1(transitive)

• - Removed@lit/reactive-element@1.6.3(transitive)

• - Removedlit@2.8.0(transitive)

• - Removedlit-element@3.3.3(transitive)

• - Removedlit-html@2.8.0(transitive)

• Updatedlit@^3.1.2