@designestate/dees-domtools - npm Package Compare versions

Comparing version 1.0.9 to 1.0.10

dist_ts/domtools.elementbasicsetup.js

@@ -5,2 +5,8 @@ "use strict";
 const smartpromise_1 = require("@pushrocks/smartpromise");
+const createStyleElement = (headElement, styleText) => {
+    const styleElement = document.createElement('style');
+    styleElement.type = 'text/css';
+    styleElement.appendChild(document.createTextNode(styleText));
+    headElement.appendChild(styleElement);
+};
 /**
@@ -35,4 +41,13 @@ * a basic setup for elements
         const body = document.querySelector('body');
+        // bodyStyles
+        const bodyStyles = `
+      body {
+        margin: 0px;
+        font-family: 'Roboto', sans-serif;
+        box-sizing: border-box;
+      }
+    `;
+        createStyleElement(head, bodyStyles);
         // material font
-        const materialFontCss = `
+        const materialFontStyles = `
       @font-face {
@@ -45,9 +60,11 @@ font-family: 'Material Icons';
     `;
-        const styleElement = document.createElement('style');
-        styleElement.type = 'text/css';
-        styleElement.appendChild(document.createTextNode(materialFontCss));
-        head.appendChild(styleElement);
+        createStyleElement(head, materialFontStyles);
+        // Roboto Font
+        const robotoFontCss = `
+      @import url('https://fonts.googleapis.com/css?family=Roboto');
+    `;
+        createStyleElement(head, robotoFontCss);
         globalThis.deesCssToolsReady.resolve();
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljc2V0dXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5lbGVtZW50YmFzaWNzZXR1cC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwwREFBZ0Q7QUFFaEQ7OztHQUdHO0FBQ1UsUUFBQSxpQkFBaUIsR0FBRyxLQUFLLElBQUksRUFBRTtJQUMxQyxJQUFJLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtRQUNoQyxNQUFNLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUM7S0FDNUM7U0FBTTtRQUNMLGdDQUFnQztRQUNoQyxVQUFVLENBQUMsaUJBQWlCLEdBQUcsb0JBQUssRUFBRSxDQUFDO1FBRXZDLGtDQUFrQztRQUNsQyxNQUFNLGFBQWEsR0FBRyxvQkFBSyxFQUFFLENBQUM7UUFDOUIsTUFBTSxxQkFBcUIsR0FBRyxHQUFHLEVBQUU7WUFDakMsSUFBSSxRQUFRLENBQUMsVUFBVSxLQUFLLGFBQWEsSUFBSSxRQUFRLENBQUMsVUFBVSxLQUFLLFVBQVUsRUFBRTtnQkFDL0UsT0FBTyxDQUFDLEdBQUcsQ0FBQyxpREFBaUQsQ0FBQyxDQUFBO2dCQUM5RCxhQUFhLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDekI7aUJBQU07Z0JBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQywyQ0FBMkMsQ0FBQyxDQUFDO2FBQzFEO1FBQ0gsQ0FBQyxDQUFDO1FBQ0YsUUFBUSxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixDQUFDLENBQUM7UUFDckUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxxREFBcUQsQ0FBQyxDQUFDO1FBQ25FLE1BQU0sYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUM1QixPQUFPLENBQUMsR0FBRyxDQUFDLG9DQUFvQyxDQUFDLENBQUM7UUFFbEQsbUJBQW1CO1FBQ25CLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUMsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUU1QyxnQkFBZ0I7UUFDaEIsTUFBTSxlQUFlLEdBQUc7Ozs7Ozs7S0FPdkIsQ0FBQztRQUNGLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckQsWUFBWSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUM7UUFDL0IsWUFBWSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUcvQixVQUFVLENBQUMsaUJBQWlCLENBQUMsT0FBTyxFQUFFLENBQUM7S0FDeEM7QUFDSCxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljc2V0dXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5lbGVtZW50YmFzaWNzZXR1cC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwwREFBZ0Q7QUFFaEQsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFdBQXdCLEVBQUUsU0FBaUIsRUFBRSxFQUFFO0lBQ3pFLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckQsWUFBWSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUM7SUFDL0IsWUFBWSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDN0QsV0FBVyxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztBQUN4QyxDQUFDLENBQUM7QUFFRjs7O0dBR0c7QUFDVSxRQUFBLGlCQUFpQixHQUFHLEtBQUssSUFBSSxFQUFFO0lBQzFDLElBQUksVUFBVSxDQUFDLGlCQUFpQixFQUFFO1FBQ2hDLE1BQU0sVUFBVSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQztLQUM1QztTQUFNO1FBQ0wsZ0NBQWdDO1FBQ2hDLFVBQVUsQ0FBQyxpQkFBaUIsR0FBRyxvQkFBSyxFQUFFLENBQUM7UUFFdkMsa0NBQWtDO1FBQ2xDLE1BQU0sYUFBYSxHQUFHLG9CQUFLLEVBQUUsQ0FBQztRQUM5QixNQUFNLHFCQUFxQixHQUFHLEdBQUcsRUFBRTtZQUNqQyxJQUFJLFFBQVEsQ0FBQyxVQUFVLEtBQUssYUFBYSxJQUFJLFFBQVEsQ0FBQyxVQUFVLEtBQUssVUFBVSxFQUFFO2dCQUMvRSxPQUFPLENBQUMsR0FBRyxDQUFDLGlEQUFpRCxDQUFDLENBQUE7Z0JBQzlELGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQzthQUN6QjtpQkFBTTtnQkFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLDJDQUEyQyxDQUFDLENBQUM7YUFDMUQ7UUFDSCxDQUFDLENBQUM7UUFDRixRQUFRLENBQUMsZ0JBQWdCLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUMsQ0FBQztRQUNyRSxPQUFPLENBQUMsR0FBRyxDQUFDLHFEQUFxRCxDQUFDLENBQUM7UUFDbkUsTUFBTSxhQUFhLENBQUMsT0FBTyxDQUFDO1FBQzVCLE9BQU8sQ0FBQyxHQUFHLENBQUMsb0NBQW9DLENBQUMsQ0FBQztRQUVsRCxtQkFBbUI7UUFDbkIsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QyxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRTVDLGFBQWE7UUFDYixNQUFNLFVBQVUsR0FBRzs7Ozs7O0tBTWxCLENBQUM7UUFDRixrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFFckMsZ0JBQWdCO1FBQ2hCLE1BQU0sa0JBQWtCLEdBQUc7Ozs7Ozs7S0FPMUIsQ0FBQztRQUNGLGtCQUFrQixDQUFDLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1FBRTdDLGNBQWM7UUFDZCxNQUFNLGFBQWEsR0FBRzs7S0FFckIsQ0FBQztRQUNGLGtCQUFrQixDQUFDLElBQUksRUFBRSxhQUFhLENBQUMsQ0FBQztRQUV4QyxVQUFVLENBQUMsaUJBQWlCLENBQUMsT0FBTyxFQUFFLENBQUM7S0FDeEM7QUFDSCxDQUFDLENBQUMifQ==

dist_ts/index.d.ts

 export * from './domtools.elementbasicsetup';
 export * from './domtools.elementbasicstyles';
 import * as breakpoints from './domtools.breakpoints';
-export { breakpoints };
+import * as css from './domtools.css';
+export { css, breakpoints };

dist_ts/index.js

@@ -25,3 +25,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.breakpoints = void 0;
+exports.breakpoints = exports.css = void 0;
 __exportStar(require("./domtools.elementbasicsetup"), exports);
@@ -31,2 +31,4 @@ __exportStar(require("./domtools.elementbasicstyles"), exports);
 exports.breakpoints = breakpoints;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0RBQTZDO0FBQzdDLGdFQUE4QztBQUU5QyxvRUFBc0Q7QUFHcEQsa0NBQVcifQ==
+const css = __importStar(require("./domtools.css"));
+exports.css = css;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0RBQTZDO0FBQzdDLGdFQUE4QztBQUU5QyxvRUFBc0Q7QUFLcEQsa0NBQVc7QUFKYixvREFBc0M7QUFHcEMsa0JBQUcifQ==

package.json

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

ts/domtools.elementbasicsetup.ts

 import { defer } from '@pushrocks/smartpromise';
 
+const createStyleElement = (headElement: HTMLElement, styleText: string) => {
+  const styleElement = document.createElement('style');
+  styleElement.type = 'text/css';
+  styleElement.appendChild(document.createTextNode(styleText));
+  headElement.appendChild(styleElement);
+};
+
 /**
@@ -33,4 +40,14 @@ * a basic setup for elements
 
+    // bodyStyles
+    const bodyStyles = `
+      body {
+        margin: 0px;
+        font-family: 'Roboto', sans-serif;
+        box-sizing: border-box;
+      }
+    `;
+    createStyleElement(head, bodyStyles);
+
     // material font
-    const materialFontCss = `
+    const materialFontStyles = `
       @font-face {
@@ -43,7 +60,9 @@ font-family: 'Material Icons';
     `;
-    const styleElement = document.createElement('style');
-    styleElement.type = 'text/css';
-    styleElement.appendChild(document.createTextNode(materialFontCss));
-    head.appendChild(styleElement);
+    createStyleElement(head, materialFontStyles);
 
+    // Roboto Font
+    const robotoFontCss = `
+      @import url('https://fonts.googleapis.com/css?family=Roboto');
+    `;
+    createStyleElement(head, robotoFontCss);
 
@@ -50,0 +69,0 @@ globalThis.deesCssToolsReady.resolve();

ts/index.ts

@@ -5,5 +5,7 @@ export * from './domtools.elementbasicsetup';
 import * as breakpoints from './domtools.breakpoints';
+import * as css from './domtools.css';
 
 export {
+  css,
   breakpoints
 };

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22004

increased by15.97%

Number of package files

22

increased by15.79%

Lines of code

374

increased by17.98%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes