@operato/styles - npm Package Compare versions

Comparing version 2.0.0-alpha.134 to 2.0.0-alpha.142

CHANGELOG.md

@@ -6,2 +6,12 @@ # Change Log
 
+## [2.0.0-alpha.142](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.141...v2.0.0-alpha.142) (2024-05-21)
+
+
+### :rocket: New Features
+
+* css-variable for scrollbar size (--scrollbar-width, --scrollbar-height) ([2396c31](https://github.com/hatiolab/operato/commit/2396c31e766710ae1ce6d490ae8b5f639758f22d))
+* css-variable for scrollbar thumb border-radius (--scrollbar-thumb-border-radius) ([05cc4ca](https://github.com/hatiolab/operato/commit/05cc4ca21b28ba94d5a23c7a0ee982a703dc4eac))
+
+
+
 ## [2.0.0-alpha.134](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.133...v2.0.0-alpha.134) (2024-05-13)
@@ -8,0 +18,0 @@

dist/src/scrollbar-styles.js

 import { css } from 'lit';
 export const ScrollbarStyles = css `
   ::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
+    width: var(--scrollbar-width, 5px);
+    height: var(--scrollbar-height, 5px);
   }
@@ -12,2 +12,3 @@ ::-webkit-scrollbar-track {
     background-color: var(--scrollbar-thumb-color, rgba(0, 0, 0, 0.2));
+    border-radius: var(--scrollbar-thumb-border-radius, 0);
   }
@@ -19,4 +20,4 @@ ::-webkit-scrollbar-thumb:hover {
   :host::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
+    width: var(--scrollbar-width, 5px);
+    height: var(--scrollbar-height, 5px);
   }
@@ -23,0 +24,0 @@ :host::-webkit-scrollbar-track {

package.json

@@ -5,3 +5,3 @@ {
   "author": "heartyoh",
-  "version": "2.0.0-alpha.134",
+  "version": "2.0.0-alpha.142",
   "main": "dist/src/index.js",
@@ -54,3 +54,3 @@ "module": "dist/src/index.js",
   "prettier": "@hatiolab/prettier-config",
-  "gitHead": "25c5412eb62e6feb4fc0dcc8edca55b0025810bc"
+  "gitHead": "86e107cbad121add471ad15b9f8994b52bdb746a"
 }

src/scrollbar-styles.ts

@@ -5,4 +5,4 @@ import { css } from 'lit'
   ::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
+    width: var(--scrollbar-width, 5px);
+    height: var(--scrollbar-height, 5px);
   }
@@ -14,2 +14,3 @@ ::-webkit-scrollbar-track {
     background-color: var(--scrollbar-thumb-color, rgba(0, 0, 0, 0.2));
+    border-radius: var(--scrollbar-thumb-border-radius, 0);
   }
@@ -21,4 +22,4 @@ ::-webkit-scrollbar-thumb:hover {
   :host::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
+    width: var(--scrollbar-width, 5px);
+    height: var(--scrollbar-height, 5px);
   }
@@ -25,0 +26,0 @@ :host::-webkit-scrollbar-track {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

193394

increased by0.51%

Lines of code

2691

increased by0.07%

No dependency changes