csc-ui - npm Package Compare versions

Comparing version 0.0.7 to 0.0.8

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

@@ -41,10 +41,10 @@ 'use strict';
         if (this.disabled) {
-            classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius}`;
+            classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`;
         }
         else {
-            classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius}`;
+            classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`;
         }
         return (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}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.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;-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}"; }
 };
@@ -206,3 +206,3 @@
     render() {
-        return (core.h(core.Host, null, this.label, core.h("div", { class: "text-field-wrapper" }, core.h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
+        return (core.h(core.Host, null, this.label, core.h("div", { class: "text-field-wrapper" }, core.h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
     }
@@ -209,0 +209,0 @@ static get style() { return ":host{display:block}.text-field-wrapper{background:#eef2f8;-ms-flex-align:stretch;align-items:stretch;min-height:44px;margin-top:4px;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;border:2px solid transparent}.text-field-wrapper:focus-within{border:2px solid #006778}.text-field-wrapper input{outline:none;font-size:14px;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 8px;max-width:100%;min-width:0;width:100%}"; }

dist/cjs/cscwebcomponents.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 core.patchBrowser().then(options => {
-  return core.bootstrapLazy([["c-button_12.cjs",[[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"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[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"]]]], options);
+  return core.bootstrapLazy([["c-button_12.cjs",[[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"]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -9,3 +9,3 @@ 'use strict';
   return core.patchEsm().then(() => {
-    core.bootstrapLazy([["c-button_12.cjs",[[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"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[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"]]]], options);
+    core.bootstrapLazy([["c-button_12.cjs",[[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"]]]], options);
   });
@@ -12,0 +12,0 @@ };

dist/collection/collection-manifest.json

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

dist/collection/components/button/button.js

@@ -24,6 +24,6 @@ import { h } from "@stencil/core";
         if (this.disabled) {
-            classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius}`;
+            classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`;
         }
         else {
-            classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius}`;
+            classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`;
         }
@@ -95,2 +95,19 @@ return (h("div", { class: classes },
         },
+        "fullWidthMobile": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "full-width-mobile",
+            "reflect": false
+        },
         "disabled": {
@@ -97,0 +114,0 @@ "type": "boolean",

dist/collection/components/text-field/text-field.js

@@ -10,3 +10,3 @@ import { Host, h } from "@stencil/core";
             h("div", { class: "text-field-wrapper" },
-                h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
+                h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
     }
@@ -39,2 +39,19 @@ static get is() { return "c-text-field"; }
         },
+        "disabled": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "disabled",
+            "reflect": false
+        },
         "label": {
@@ -41,0 +58,0 @@ "type": "string",

dist/cscwebcomponents/cscwebcomponents.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as c}from"./p-a1b30910.js";e().then(e=>c([["p-9ilvouum",[[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"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[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 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));

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-awajjydw.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"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[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-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)}))}}}));

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

@@ -35,6 +35,6 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
         if (this.disabled) {
-            classes = "csc-button csc-button-disabled " + (this.fixed ? 'fixed' : '') + " " + radius;
+            classes = "csc-button csc-button-disabled " + (this.fixed ? 'fixed' : '') + " " + radius + " " + (this.fullWidthMobile ? 'full-width-mobile' : '');
         }
         else {
-            classes = "csc-button " + this.color + " " + (this.fixed ? 'fixed' : '') + " " + radius;
+            classes = "csc-button " + this.color + " " + (this.fixed ? 'fixed' : '') + " " + radius + " " + (this.fullWidthMobile ? 'full-width-mobile' : '');
         }
@@ -44,3 +44,3 @@ return (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}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.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;-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}"; },
         enumerable: true,
@@ -244,3 +244,3 @@ configurable: true
         var _this_1 = this;
-        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: function (event) { return _this_1.handleChange(event); } }))));
+        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: function (event) { return _this_1.handleChange(event); } }))));
     };
@@ -247,0 +247,0 @@ Object.defineProperty(TextField, "style", {

dist/esm/c-button_12.entry.js

@@ -37,10 +37,10 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
         if (this.disabled) {
-            classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius}`;
+            classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`;
         }
         else {
-            classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius}`;
+            classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`;
         }
         return (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}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.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;-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}"; }
 };
@@ -202,3 +202,3 @@
     render() {
-        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
+        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
     }
@@ -205,0 +205,0 @@ static get style() { return ":host{display:block}.text-field-wrapper{background:#eef2f8;-ms-flex-align:stretch;align-items:stretch;min-height:44px;margin-top:4px;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;border:2px solid transparent}.text-field-wrapper:focus-within{border:2px solid #006778}.text-field-wrapper input{outline:none;font-size:14px;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 8px;max-width:100%;min-width:0;width:100%}"; }

dist/types/components.d.ts

@@ -17,2 +17,3 @@ /* eslint-disable */
     'fixed': boolean;
+    'fullWidthMobile': boolean;
     'icon': string;
@@ -43,2 +44,3 @@ 'noRadius': boolean;
   interface CTextField {
+    'disabled': boolean;
     'label': string;
@@ -155,2 +157,3 @@ 'name': string;
     'fixed'?: boolean;
+    'fullWidthMobile'?: boolean;
     'icon'?: string;
@@ -181,2 +184,3 @@ 'noRadius'?: boolean;
   interface CTextField {
+    'disabled'?: boolean;
     'label'?: string;
@@ -183,0 +187,0 @@ 'name'?: string;

dist/types/components/button/button.d.ts

@@ -5,2 +5,3 @@ export declare class Button {
     noRadius: boolean;
+    fullWidthMobile: boolean;
     disabled: boolean;
@@ -7,0 +8,0 @@ icon: string;

dist/types/components/text-field/text-field.d.ts

 export declare class TextField {
     number: boolean;
+    disabled: boolean;
     label: string;
@@ -4,0 +5,0 @@ name: string;

package.json

 {
   "name": "csc-ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "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

929689

increased by0.39%

Lines of code

15258

increased by0.36%

No dependency changes