csc-ui - npm Package Compare versions

Comparing version 0.0.21 to 0.0.22

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

@@ -71,3 +71,3 @@ 'use strict';
             selectedIcon = icons[this.icon];
-            svg = (core.h("svg", { width: "16", height: "16", fill: this.disabled ? '#8C8C8C' : '#ffffff', viewBox: "0 0 22 22" }, core.h("path", { d: selectedIcon })));
+            svg = (core.h("svg", { width: "16", height: "16", viewBox: "0 0 22 22" }, core.h("path", { d: selectedIcon })));
         }
@@ -81,5 +81,8 @@ let classes;
         }
+        if (this.outlined) {
+            classes = `${classes} outlined`;
+        }
         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}\@media (max-width:767px){: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}"; }
+    static get style() { return ":host{display:inline-block}\@media (max-width:767px){: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}.csc-button{background-color:#008675;cursor:pointer;border-style:solid;border-color:#008675;border-width:2px;outline:none;color:#fff;margin:0;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 svg{fill:#fff}.csc-button.outlined svg{fill:#008675}.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.pink{background-color:#e91e63!important;border-color:#e91e63!important}.pink.outlined:HOVER{background-color:rgba(233,30,99,.1)!important}.blue{background-color:#025b96!important;border-color:#025b96!important}.blue.outlined:HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{background-color:#012f5f!important;border-color:#012f5f!important}.dark-blue.outlined:HOVER{background-color:rgba(1,47,95,.1)!important}.green{background-color:#008675!important;border-color:#008675!important}.green.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.purple{background-color:#9c27b0!important;border-color:#9c27b0!important}.purple.outlined:HOVER{background-color:rgba(156,39,176,.1)!important}.pink.outlined{color:#e91e63!important}.pink.outlined svg{fill:#e91e63!important}.blue.outlined{color:#025b96!important}.blue.outlined svg{fill:#e91e63!important}.dark-blue.outlined{color:#012f5f!important}.dark-blue.outlined svg{fill:#012f5f!important}.green.outlined{color:#008675!important}.green.outlined svg{fill:#008675!important}.purple.outlined{color:#9c27b0!important}.purple.outlined svg{fill:#9c27b0!important}.outlined{background-color:transparent!important;-webkit-transition:background .5s;transition:background .5s;color:#008675}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;border-color:#e8e8e8!important;cursor:default!important}.csc-button-disabled svg{fill:#8c8c8c}.csc-button-padding{padding:12px 26px}.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}"; }
 };
@@ -86,0 +89,0 @@

dist/cjs/cscwebcomponents.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 core.patchBrowser().then(options => {
-  return core.bootstrapLazy([["c-autocomplete_14.cjs",[[1,"c-tab-button",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-autocomplete",{"label":[1],"name":[1],"query":[1032],"value":[1032],"dense":[4],"menuVisible":[32]}],[1,"c-select",{"label":[1],"dense":[4],"name":[1],"value":[1032],"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-option",{"label":[1],"value":[1],"dense":[4]}],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[4],"dense":[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-autocomplete_14.cjs",[[1,"c-tab-button",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-autocomplete",{"label":[1],"name":[1],"query":[1032],"value":[1032],"dense":[4],"menuVisible":[32]}],[1,"c-select",{"label":[1],"dense":[4],"name":[1],"value":[1032],"menuVisible":[32]}],[1,"c-button",{"color":[1],"fixed":[4],"noRadius":[4,"no-radius"],"outlined":[4],"fullWidthMobile":[4,"full-width-mobile"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-option",{"label":[1],"value":[1],"dense":[4]}],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[4],"dense":[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-autocomplete_14.cjs",[[1,"c-tab-button",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-autocomplete",{"label":[1],"name":[1],"query":[1032],"value":[1032],"dense":[4],"menuVisible":[32]}],[1,"c-select",{"label":[1],"dense":[4],"name":[1],"value":[1032],"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-option",{"label":[1],"value":[1],"dense":[4]}],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[4],"dense":[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-autocomplete_14.cjs",[[1,"c-tab-button",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-autocomplete",{"label":[1],"name":[1],"query":[1032],"value":[1032],"dense":[4],"menuVisible":[32]}],[1,"c-select",{"label":[1],"dense":[4],"name":[1],"value":[1032],"menuVisible":[32]}],[1,"c-button",{"color":[1],"fixed":[4],"noRadius":[4,"no-radius"],"outlined":[4],"fullWidthMobile":[4,"full-width-mobile"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-option",{"label":[1],"value":[1],"dense":[4]}],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[4],"dense":[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/select/select.js",
     "components/button/button.js",
-    "components/autocomplete/autocomplete.js",
-    "components/card/card.js",
     "components/col/col.js",
+    "components/row/row.js",
+    "components/option/option.js",
+    "components/select/select.js",
     "components/container/container.js",
-    "components/option/option.js",
-    "components/row/row.js",
     "components/spacer/spacer.js",
     "components/tab-button/tab-button.js",
-    "components/title/title.js",
     "components/text-field/text-field.js",
     "components/tab/tab.js",
-    "components/toggle/toggle.js"
+    "components/title/title.js",
+    "components/toggle/toggle.js",
+    "components/autocomplete/autocomplete.js",
+    "components/card/card.js"
   ],
@@ -18,0 +18,0 @@ "compiler": {

dist/collection/components/button/button.js

@@ -19,3 +19,3 @@ import { h, Host } from "@stencil/core";
             selectedIcon = icons[this.icon];
-            svg = (h("svg", { width: "16", height: "16", fill: this.disabled ? '#8C8C8C' : '#ffffff', viewBox: "0 0 22 22" },
+            svg = (h("svg", { width: "16", height: "16", viewBox: "0 0 22 22" },
                 h("path", { d: selectedIcon })));
@@ -30,2 +30,5 @@ }
         }
+        if (this.outlined) {
+            classes = `${classes} outlined`;
+        }
         return (h(Host, { class: this.fullWidthMobile ? 'full-width' : '' },
@@ -97,2 +100,19 @@ h("div", { class: classes },
         },
+        "outlined": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "outlined",
+            "reflect": false
+        },
         "fullWidthMobile": {
@@ -99,0 +119,0 @@ "type": "boolean",

dist/cscwebcomponents/cscwebcomponents.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as l}from"./p-a1b30910.js";e().then(e=>l([["p-bxoz8iym",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-autocomplete",{label:[1],name:[1],query:[1032],value:[1032],dense:[4],menuVisible:[32]}],[1,"c-select",{label:[1],dense:[4],name:[1],value:[1032],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-option",{label:[1],value:[1],dense:[4]}],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],dense:[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-mjllfw1f",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-autocomplete",{label:[1],name:[1],query:[1032],value:[1032],dense:[4],menuVisible:[32]}],[1,"c-select",{label:[1],dense:[4],name:[1],value:[1032],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],outlined:[4],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-option",{label:[1],value:[1],dense:[4]}],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],dense:[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-8khlcivx.system",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-autocomplete",{label:[1],name:[1],query:[1032],value:[1032],dense:[4],menuVisible:[32]}],[1,"c-select",{label:[1],dense:[4],name:[1],value:[1032],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-option",{label:[1],value:[1],dense:[4]}],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],dense:[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-8p8mwpxh.system",[[1,"c-tab-button",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-autocomplete",{label:[1],name:[1],query:[1032],value:[1032],dense:[4],menuVisible:[32]}],[1,"c-select",{label:[1],dense:[4],name:[1],value:[1032],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],outlined:[4],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-option",{label:[1],value:[1],dense:[4]}],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[4],dense:[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-autocomplete_14.entry.js

@@ -74,3 +74,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
             selectedIcon = icons[this.icon];
-            svg = (h("svg", { width: "16", height: "16", fill: this.disabled ? '#8C8C8C' : '#ffffff', viewBox: "0 0 22 22" }, h("path", { d: selectedIcon })));
+            svg = (h("svg", { width: "16", height: "16", viewBox: "0 0 22 22" }, h("path", { d: selectedIcon })));
         }
@@ -84,6 +84,9 @@ var classes;
         }
+        if (this.outlined) {
+            classes = classes + " outlined";
+        }
         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}\@media (max-width:767px){: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}"; },
+        get: function () { return ":host{display:inline-block}\@media (max-width:767px){: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}.csc-button{background-color:#008675;cursor:pointer;border-style:solid;border-color:#008675;border-width:2px;outline:none;color:#fff;margin:0;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 svg{fill:#fff}.csc-button.outlined svg{fill:#008675}.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.pink{background-color:#e91e63!important;border-color:#e91e63!important}.pink.outlined:HOVER{background-color:rgba(233,30,99,.1)!important}.blue{background-color:#025b96!important;border-color:#025b96!important}.blue.outlined:HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{background-color:#012f5f!important;border-color:#012f5f!important}.dark-blue.outlined:HOVER{background-color:rgba(1,47,95,.1)!important}.green{background-color:#008675!important;border-color:#008675!important}.green.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.purple{background-color:#9c27b0!important;border-color:#9c27b0!important}.purple.outlined:HOVER{background-color:rgba(156,39,176,.1)!important}.pink.outlined{color:#e91e63!important}.pink.outlined svg{fill:#e91e63!important}.blue.outlined{color:#025b96!important}.blue.outlined svg{fill:#e91e63!important}.dark-blue.outlined{color:#012f5f!important}.dark-blue.outlined svg{fill:#012f5f!important}.green.outlined{color:#008675!important}.green.outlined svg{fill:#008675!important}.purple.outlined{color:#9c27b0!important}.purple.outlined svg{fill:#9c27b0!important}.outlined{background-color:transparent!important;-webkit-transition:background .5s;transition:background .5s;color:#008675}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;border-color:#e8e8e8!important;cursor:default!important}.csc-button-disabled svg{fill:#8c8c8c}.csc-button-padding{padding:12px 26px}.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,
@@ -90,0 +93,0 @@ configurable: true

dist/esm/c-autocomplete_14.entry.js

@@ -67,3 +67,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
             selectedIcon = icons[this.icon];
-            svg = (h("svg", { width: "16", height: "16", fill: this.disabled ? '#8C8C8C' : '#ffffff', viewBox: "0 0 22 22" }, h("path", { d: selectedIcon })));
+            svg = (h("svg", { width: "16", height: "16", viewBox: "0 0 22 22" }, h("path", { d: selectedIcon })));
         }
@@ -77,5 +77,8 @@ let classes;
         }
+        if (this.outlined) {
+            classes = `${classes} outlined`;
+        }
         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}\@media (max-width:767px){: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}"; }
+    static get style() { return ":host{display:inline-block}\@media (max-width:767px){: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}.csc-button{background-color:#008675;cursor:pointer;border-style:solid;border-color:#008675;border-width:2px;outline:none;color:#fff;margin:0;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 svg{fill:#fff}.csc-button.outlined svg{fill:#008675}.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.pink{background-color:#e91e63!important;border-color:#e91e63!important}.pink.outlined:HOVER{background-color:rgba(233,30,99,.1)!important}.blue{background-color:#025b96!important;border-color:#025b96!important}.blue.outlined:HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{background-color:#012f5f!important;border-color:#012f5f!important}.dark-blue.outlined:HOVER{background-color:rgba(1,47,95,.1)!important}.green{background-color:#008675!important;border-color:#008675!important}.green.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.purple{background-color:#9c27b0!important;border-color:#9c27b0!important}.purple.outlined:HOVER{background-color:rgba(156,39,176,.1)!important}.pink.outlined{color:#e91e63!important}.pink.outlined svg{fill:#e91e63!important}.blue.outlined{color:#025b96!important}.blue.outlined svg{fill:#e91e63!important}.dark-blue.outlined{color:#012f5f!important}.dark-blue.outlined svg{fill:#012f5f!important}.green.outlined{color:#008675!important}.green.outlined svg{fill:#008675!important}.purple.outlined{color:#9c27b0!important}.purple.outlined svg{fill:#9c27b0!important}.outlined{background-color:transparent!important;-webkit-transition:background .5s;transition:background .5s;color:#008675}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;border-color:#e8e8e8!important;cursor:default!important}.csc-button-disabled svg{fill:#8c8c8c}.csc-button-padding{padding:12px 26px}.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}"; }
 };
@@ -82,0 +85,0 @@

dist/types/components.d.ts

@@ -27,2 +27,3 @@ /* eslint-disable */
     'noRadius': boolean;
+    'outlined': boolean;
   }
@@ -194,2 +195,3 @@ interface CCard {}
     'noRadius'?: boolean;
+    'outlined'?: boolean;
   }
@@ -196,0 +198,0 @@ interface CCard {}

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

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

package.json

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

970120

increased by0.91%

Lines of code

15925

increased by0.74%

No dependency changes