csc-ui - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/cjs/c-button_12.cjs.entry.js

@@ -46,5 +46,5 @@ 'use strict';
         }
-        return (core.h("div", { class: classes }, core.h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, core.h("slot", null))));
+        return (core.h(core.Host, { class: this.fullWidthMobile ? 'full-width' : '' }, core.h("div", { class: classes }, core.h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, core.h("slot", null)))));
     }
-    static get style() { return ":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; }
+    static get style() { return ":host{display:inline-block}:host(.full-width){-ms-flex-positive:1!important;flex-grow:1!important}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; }
 };
@@ -51,0 +51,0 @@

dist/collection/collection-manifest.json

 {
   "entries": [
+    "components/row/row.js",
+    "components/col/col.js",
     "components/container/container.js",
-    "components/row/row.js",
     "components/select/select.js",
     "components/spacer/spacer.js",
+    "components/tab/tab.js",
+    "components/tab-button/tab-button.js",
     "components/title/title.js",
+    "components/toggle/toggle.js",
     "components/text-field/text-field.js",
-    "components/toggle/toggle.js",
     "components/card/card.js",
-    "components/button/button.js",
-    "components/col/col.js",
-    "components/tab/tab.js",
-    "components/tab-button/tab-button.js"
+    "components/button/button.js"
   ],
@@ -16,0 +16,0 @@ "compiler": {

dist/collection/components/button/button.js

@@ -1,2 +0,2 @@
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { mdiPlus, mdiMinus, mdiAccount, mdiPencil } from '@mdi/js';
@@ -29,6 +29,7 @@ export class Button {
         }
-        return (h("div", { class: classes },
-            h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' },
-                svg,
-                h("slot", null))));
+        return (h(Host, { class: this.fullWidthMobile ? 'full-width' : '' },
+            h("div", { class: classes },
+                h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' },
+                    svg,
+                    h("slot", null)))));
     }
@@ -35,0 +36,0 @@ static get is() { return "c-button"; }

dist/cscwebcomponents/cscwebcomponents.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as i}from"./p-a1b30910.js";e().then(e=>i([["p-qesq7y6o",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],label:[1],name:[1],value:[1025]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e));
+import{p as e,b as l}from"./p-a1b30910.js";e().then(e=>l([["p-dhd4blg0",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],label:[1],name:[1],value:[1025]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e));

dist/cscwebcomponents/p-f31fc7fc.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-bc8c1a68.system.js"],(function(){"use strict";var e,t;return{setters:[function(c){e=c.p;t=c.b}],execute:function(){e().then((function(e){return t([["p-lmypemya.system",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],label:[1],name:[1],value:[1025]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e)}))}}}));
+System.register(["./p-bc8c1a68.system.js"],(function(){"use strict";var e,t;return{setters:[function(c){e=c.p;t=c.b}],execute:function(){e().then((function(e){return t([["p-xftrvxp5.system",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],label:[1],name:[1],value:[1025]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e)}))}}}));

dist/esm-es5/c-button_12.entry.js

@@ -40,6 +40,6 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
         }
-        return (h("div", { class: classes }, h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, h("slot", null))));
+        return (h(Host, { class: this.fullWidthMobile ? 'full-width' : '' }, h("div", { class: classes }, h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, h("slot", null)))));
     };
     Object.defineProperty(Button, "style", {
-        get: function () { return ":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; },
+        get: function () { return ":host{display:inline-block}:host(.full-width){-ms-flex-positive:1!important;flex-grow:1!important}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; },
         enumerable: true,
@@ -46,0 +46,0 @@ configurable: true

dist/esm/c-button_12.entry.js

@@ -42,5 +42,5 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
         }
-        return (h("div", { class: classes }, h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, h("slot", null))));
+        return (h(Host, { class: this.fullWidthMobile ? 'full-width' : '' }, h("div", { class: classes }, h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, h("slot", null)))));
     }
-    static get style() { return ":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; }
+    static get style() { return ":host{display:inline-block}:host(.full-width){-ms-flex-positive:1!important;flex-grow:1!important}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; }
 };
@@ -47,0 +47,0 @@

package.json

 {
   "name": "csc-ui",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "CSC UI components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

930308

increased by0.07%

Lines of code

15261

increased by0.02%

No dependency changes