@designestate/dees-domtools - npm Package Compare versions

Comparing version 1.0.44 to 1.0.45

dist_ts/domtools.css.theme.d.ts

 import { DomTools } from './domtools.classes.domtools';
+export declare const scrollBarStyles = "\n  /* width */\n  ::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: #111; \n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: #666; \n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: #777; \n  }\n";
 export declare const setupGlobalTheme: (domToolsInstance: DomTools) => void;

dist_ts/domtools.css.theme.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupGlobalTheme = void 0;
+exports.setupGlobalTheme = exports.scrollBarStyles = void 0;
+exports.scrollBarStyles = `
+  /* width */
+  ::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: #111; 
+  }
+
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: #666; 
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: #777; 
+  }
+`;
 exports.setupGlobalTheme = (domToolsInstance) => {
     const styles = `
-    /* width */
-    ::-webkit-scrollbar {
-      width: 8px;
-    }
-    
-    /* Track */
-    ::-webkit-scrollbar-track {
-      background: #111; 
-    }
-    
-    /* Handle */
-    ::-webkit-scrollbar-thumb {
-      background: #666; 
-    }
-    
-    /* Handle on hover */
-    ::-webkit-scrollbar-thumb:hover {
-      background: #777; 
-    }
+    ${exports.scrollBarStyles}
 `;
     domToolsInstance.setGlobalStyles(styles);
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY3NzLnRoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVhLFFBQUEsZ0JBQWdCLEdBQUcsQ0FBQyxnQkFBMEIsRUFBRSxFQUFFO0lBQzdELE1BQU0sTUFBTSxHQUFHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQW9CaEIsQ0FBQztJQUVBLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUMzQyxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY3NzLnRoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVhLFFBQUEsZUFBZSxHQUFHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQW9COUIsQ0FBQztBQUVXLFFBQUEsZ0JBQWdCLEdBQUcsQ0FBQyxnQkFBMEIsRUFBRSxFQUFFO0lBQzdELE1BQU0sTUFBTSxHQUFHO01BQ1gsdUJBQWU7Q0FDcEIsQ0FBQztJQUVBLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUMzQyxDQUFDLENBQUMifQ==

dist_ts/domtools.elementbasic.d.ts

@@ -0,1 +1,4 @@
+/**
+ * styles to be included in every webcomponent
+ */
 export declare const styles: import("lit-element").TemplateResult;
@@ -2,0 +5,0 @@ /**

dist_ts/domtools.elementbasic.js

@@ -5,4 +5,8 @@ "use strict";
 const domtools_classes_domtools_1 = require("./domtools.classes.domtools");
+const domtools_css_theme_1 = require("./domtools.css.theme");
 const lit_element_1 = require("lit-element");
-exports.styles = lit_element_1.html `
+/**
+ * styles to be included in every webcomponent
+ */
+exports.styles = lit_element_1.html `;
   <style>
@@ -13,2 +17,4 @@ * {
     }
+
+    ${domtools_css_theme_1.scrollBarStyles}
   </style>
@@ -46,2 +52,2 @@ `;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuZWxlbWVudGJhc2ljLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLDJFQUF1RDtBQUV2RCw2Q0FBbUM7QUFDdEIsUUFBQSxNQUFNLEdBQUcsa0JBQUksQ0FBQTs7Ozs7OztDQU96QixDQUFDO0FBRUY7OztHQUdHO0FBQ1UsUUFBQSxLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUU7SUFDOUIsTUFBTSxRQUFRLEdBQUcsTUFBTSxvQ0FBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hELFFBQVEsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDL0MsYUFBYTtRQUNiLFFBQVEsQ0FBQyxlQUFlLENBQUM7Ozs7OztLQU14QixDQUFDLENBQUM7UUFFSCxnQkFBZ0I7UUFDaEIsUUFBUSxDQUFDLGVBQWUsQ0FBQzs7Ozs7OztLQU94QixDQUFDLENBQUM7UUFFSCxjQUFjO1FBQ2QsUUFBUSxDQUFDLGVBQWUsQ0FBQzs7S0FFeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuZWxlbWVudGJhc2ljLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLDJFQUF1RDtBQUN2RCw2REFBdUQ7QUFFdkQsNkNBQW1DO0FBRW5DOztHQUVHO0FBQ1UsUUFBQSxNQUFNLEdBQUcsa0JBQUksQ0FBQTs7Ozs7OztNQU9wQixvQ0FBZTs7Q0FFcEIsQ0FBQztBQUVGOzs7R0FHRztBQUNVLFFBQUEsS0FBSyxHQUFHLEtBQUssSUFBSSxFQUFFO0lBQzlCLE1BQU0sUUFBUSxHQUFHLE1BQU0sb0NBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNoRCxRQUFRLENBQUMsT0FBTyxDQUFDLG1CQUFtQixFQUFFLEtBQUssSUFBSSxFQUFFO1FBQy9DLGFBQWE7UUFDYixRQUFRLENBQUMsZUFBZSxDQUFDOzs7Ozs7S0FNeEIsQ0FBQyxDQUFDO1FBRUgsZ0JBQWdCO1FBQ2hCLFFBQVEsQ0FBQyxlQUFlLENBQUM7Ozs7Ozs7S0FPeEIsQ0FBQyxDQUFDO1FBRUgsY0FBYztRQUNkLFFBQVEsQ0FBQyxlQUFlLENBQUM7O0tBRXhCLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=

package.json

 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "private": false,
@@ -5,0 +5,0 @@ "description": "tools to simplify complex css structures",

ts/domtools.css.theme.ts

 import { DomTools } from './domtools.classes.domtools';
 
+export const scrollBarStyles = `
+  /* width */
+  ::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: #111; 
+  }
+
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: #666; 
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: #777; 
+  }
+`;
+
 export const setupGlobalTheme = (domToolsInstance: DomTools) => {
   const styles = `
-    /* width */
-    ::-webkit-scrollbar {
-      width: 8px;
-    }
-    
-    /* Track */
-    ::-webkit-scrollbar-track {
-      background: #111; 
-    }
-    
-    /* Handle */
-    ::-webkit-scrollbar-thumb {
-      background: #666; 
-    }
-    
-    /* Handle on hover */
-    ::-webkit-scrollbar-thumb:hover {
-      background: #777; 
-    }
+    ${scrollBarStyles}
 `;
@@ -25,0 +29,0 @@

ts/domtools.elementbasic.ts

 import * as plugins from './domtools.plugins';
 import { DomTools } from './domtools.classes.domtools';
+import { scrollBarStyles } from './domtools.css.theme';
 
 import { html } from 'lit-element';
-export const styles = html`
+
+/**
+ * styles to be included in every webcomponent
+ */
+export const styles = html`;
   <style>
@@ -11,2 +16,4 @@ * {
     }
+
+    ${scrollBarStyles}
   </style>
@@ -13,0 +20,0 @@ `;

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

2966053

increased by0.03%

Lines of code

23827

increased by0.12%

No dependency changes