csc-ui - npm Package Compare versions

Comparing version 0.0.24 to 0.0.25

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

@@ -85,3 +85,3 @@ 'use strict';
     }
-    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:160px}.csc-button{background-color:#006778;cursor:pointer;border-style:solid;border-color:#006778;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:#006778}.outlined:HOVER{background-color:rgba(0,104,122,.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:#006778}.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}"; }
+    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:160px}.csc-button{background-color:#006778;cursor:pointer;-webkit-box-shadow:inset 0 0 0 2px #006778;box-shadow:inset 0 0 0 2px #006778;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:#006778}.outlined:HOVER{background-color:rgba(0,104,122,.1)!important}.pink{background-color:#e91e63!important;-webkit-box-shadow:inset 0 0 0 2px #e91e63;box-shadow:inset 0 0 0 2px #e91e63}.pink.outlined:HOVER{background-color:rgba(233,30,99,.1)!important}.blue{background-color:#025b96!important;-webkit-box-shadow:inset 0 0 0 2px #025b96;box-shadow:inset 0 0 0 2px #025b96}.blue.outlined:HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{background-color:#012f5f!important;-webkit-box-shadow:inset 0 0 0 2px #012f5f;box-shadow:inset 0 0 0 2px #012f5f}.dark-blue.outlined:HOVER{background-color:rgba(1,47,95,.1)!important}.green{background-color:#008675!important;-webkit-box-shadow:inset 0 0 0 2px #008675;box-shadow:inset 0 0 0 2px #008675}.green.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.purple{background-color:#9c27b0!important;-webkit-box-shadow:inset 0 0 0 2px #9c27b0;box-shadow:inset 0 0 0 2px #9c27b0}.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:#006778}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;-webkit-box-shadow:inset 0 0 0 2px #e8e8e8;box-shadow:inset 0 0 0 2px #e8e8e8;cursor:default!important}.csc-button-disabled svg{fill:#8c8c8c}.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}"; }
 };
@@ -191,3 +191,2 @@
         core.registerInstance(this, hostRef);
-        this.color = 'blue';
     }
@@ -227,3 +226,3 @@ render() {
     }
-    static get style() { return ":host{display:inline-block}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.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}.c-tab-button-wrapper{width:100%;max-width:220px}.c-tab-button{background-color:#008675;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#025b96;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.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}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.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}.c-tab-button-wrapper{width:100%;max-width:220px}.c-tab-button{background-color:#006778;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;padding-left:10px;padding-right:10px;color:#006778;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.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}"; }
 };
@@ -257,3 +256,2 @@
         core.registerInstance(this, hostRef);
-        this.color = 'blue';
     }
@@ -275,3 +273,3 @@ render() {
     }
-    static get style() { return ":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.pink{border-color:#e91e63!important}.blue{border-color:#025b96!important}.dark-blue{border-color:#012f5f!important}.green{border-color:#008675!important}.purple{border-color:#9c27b0!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#008675;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#025b96;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"; }
+    static get style() { return ":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.c-toggle:not(.active):HOVER{background-color:rgba(0,103,120,.1)}.pink{border-color:#e91e63!important;color:#e91e63!important}.pink:not(.active):HOVER{background-color:rgba(233,30,99,.1)!important}.blue{border-color:#025b96!important;color:#025b96!important}.blue:not(.active):HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{border-color:#012f5f!important;color:#012f5f!important}.dark-blue:not(.active):HOVER{background-color:rgba(1,47,95,.1)!important}.green{border-color:#008675!important;color:#008675!important}.green:not(.active):HOVER{background-color:rgba(0,134,117,.1)!important}.purple{border-color:#9b27b0!important;color:#9b27b0!important}.purple:not(.active):HOVER{background-color:rgba(155,39,176,.1)!important}.active{background-color:#006778!important;border-color:#006778!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#006778;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#006778;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .5s;transition:background .5s}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"; }
 };
@@ -278,0 +276,0 @@

dist/collection/collection-manifest.json

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

dist/collection/components/tab-button/tab-button.js

 import { h } from "@stencil/core";
 import { mdiPlus, mdiMinus, mdiAccount, mdiPencil, mdiFileCode, mdiServerSecurity, mdiNas, mdiChip } from '@mdi/js';
 export class Tab {
-    constructor() {
-        this.color = 'blue';
-    }
     render() {
@@ -90,4 +87,3 @@ let classes, subClasses = '', svg, selectedIcon;
             "attribute": "color",
-            "reflect": false,
-            "defaultValue": "'blue'"
+            "reflect": false
         },
@@ -94,0 +90,0 @@ "active": {

dist/collection/components/toggle/toggle.js

 import { h } from "@stencil/core";
 export class Button {
-    constructor() {
-        this.color = 'blue';
-    }
     render() {
@@ -49,4 +46,3 @@ let classes = `c-toggle ${this.color} ${this.fixed ? 'fixed' : ''} ${this.fit ? 'fit' : ''}`;
             "attribute": "color",
-            "reflect": false,
-            "defaultValue": "'blue'"
+            "reflect": false
         },
@@ -53,0 +49,0 @@ "fixed": {

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-tfiya6ek",[[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));
+import{p as e,b as l}from"./p-a1b30910.js";e().then(e=>l([["p-sz31kztj",[[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-kg5xk4b0.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)}))}}}));
+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-zv3chy1s.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

@@ -89,3 +89,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
     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:160px}.csc-button{background-color:#006778;cursor:pointer;border-style:solid;border-color:#006778;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:#006778}.outlined:HOVER{background-color:rgba(0,104,122,.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:#006778}.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}"; },
+        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:160px}.csc-button{background-color:#006778;cursor:pointer;-webkit-box-shadow:inset 0 0 0 2px #006778;box-shadow:inset 0 0 0 2px #006778;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:#006778}.outlined:HOVER{background-color:rgba(0,104,122,.1)!important}.pink{background-color:#e91e63!important;-webkit-box-shadow:inset 0 0 0 2px #e91e63;box-shadow:inset 0 0 0 2px #e91e63}.pink.outlined:HOVER{background-color:rgba(233,30,99,.1)!important}.blue{background-color:#025b96!important;-webkit-box-shadow:inset 0 0 0 2px #025b96;box-shadow:inset 0 0 0 2px #025b96}.blue.outlined:HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{background-color:#012f5f!important;-webkit-box-shadow:inset 0 0 0 2px #012f5f;box-shadow:inset 0 0 0 2px #012f5f}.dark-blue.outlined:HOVER{background-color:rgba(1,47,95,.1)!important}.green{background-color:#008675!important;-webkit-box-shadow:inset 0 0 0 2px #008675;box-shadow:inset 0 0 0 2px #008675}.green.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.purple{background-color:#9c27b0!important;-webkit-box-shadow:inset 0 0 0 2px #9c27b0;box-shadow:inset 0 0 0 2px #9c27b0}.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:#006778}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;-webkit-box-shadow:inset 0 0 0 2px #e8e8e8;box-shadow:inset 0 0 0 2px #e8e8e8;cursor:default!important}.csc-button-disabled svg{fill:#8c8c8c}.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,
@@ -235,3 +235,2 @@ configurable: true
         registerInstance(this, hostRef);
-        this.color = 'blue';
     }
@@ -272,3 +271,3 @@ Tab$1.prototype.render = function () {
     Object.defineProperty(Tab$1, "style", {
-        get: function () { return ":host{display:inline-block}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.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}.c-tab-button-wrapper{width:100%;max-width:220px}.c-tab-button{background-color:#008675;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#025b96;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.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}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.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}.c-tab-button-wrapper{width:100%;max-width:220px}.c-tab-button{background-color:#006778;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;padding-left:10px;padding-right:10px;color:#006778;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.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,
@@ -314,3 +313,2 @@ configurable: true
         registerInstance(this, hostRef);
-        this.color = 'blue';
     }
@@ -333,3 +331,3 @@ Button$1.prototype.render = function () {
     Object.defineProperty(Button$1, "style", {
-        get: function () { return ":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.pink{border-color:#e91e63!important}.blue{border-color:#025b96!important}.dark-blue{border-color:#012f5f!important}.green{border-color:#008675!important}.purple{border-color:#9c27b0!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#008675;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#025b96;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"; },
+        get: function () { return ":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.c-toggle:not(.active):HOVER{background-color:rgba(0,103,120,.1)}.pink{border-color:#e91e63!important;color:#e91e63!important}.pink:not(.active):HOVER{background-color:rgba(233,30,99,.1)!important}.blue{border-color:#025b96!important;color:#025b96!important}.blue:not(.active):HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{border-color:#012f5f!important;color:#012f5f!important}.dark-blue:not(.active):HOVER{background-color:rgba(1,47,95,.1)!important}.green{border-color:#008675!important;color:#008675!important}.green:not(.active):HOVER{background-color:rgba(0,134,117,.1)!important}.purple{border-color:#9b27b0!important;color:#9b27b0!important}.purple:not(.active):HOVER{background-color:rgba(155,39,176,.1)!important}.active{background-color:#006778!important;border-color:#006778!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#006778;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#006778;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .5s;transition:background .5s}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"; },
         enumerable: true,
@@ -336,0 +334,0 @@ configurable: true

dist/esm/c-autocomplete_14.entry.js

@@ -81,3 +81,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
     }
-    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:160px}.csc-button{background-color:#006778;cursor:pointer;border-style:solid;border-color:#006778;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:#006778}.outlined:HOVER{background-color:rgba(0,104,122,.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:#006778}.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}"; }
+    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:160px}.csc-button{background-color:#006778;cursor:pointer;-webkit-box-shadow:inset 0 0 0 2px #006778;box-shadow:inset 0 0 0 2px #006778;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:#006778}.outlined:HOVER{background-color:rgba(0,104,122,.1)!important}.pink{background-color:#e91e63!important;-webkit-box-shadow:inset 0 0 0 2px #e91e63;box-shadow:inset 0 0 0 2px #e91e63}.pink.outlined:HOVER{background-color:rgba(233,30,99,.1)!important}.blue{background-color:#025b96!important;-webkit-box-shadow:inset 0 0 0 2px #025b96;box-shadow:inset 0 0 0 2px #025b96}.blue.outlined:HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{background-color:#012f5f!important;-webkit-box-shadow:inset 0 0 0 2px #012f5f;box-shadow:inset 0 0 0 2px #012f5f}.dark-blue.outlined:HOVER{background-color:rgba(1,47,95,.1)!important}.green{background-color:#008675!important;-webkit-box-shadow:inset 0 0 0 2px #008675;box-shadow:inset 0 0 0 2px #008675}.green.outlined:HOVER{background-color:rgba(0,134,117,.1)!important}.purple{background-color:#9c27b0!important;-webkit-box-shadow:inset 0 0 0 2px #9c27b0;box-shadow:inset 0 0 0 2px #9c27b0}.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:#006778}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;-webkit-box-shadow:inset 0 0 0 2px #e8e8e8;box-shadow:inset 0 0 0 2px #e8e8e8;cursor:default!important}.csc-button-disabled svg{fill:#8c8c8c}.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}"; }
 };
@@ -187,3 +187,2 @@
         registerInstance(this, hostRef);
-        this.color = 'blue';
     }
@@ -223,3 +222,3 @@ render() {
     }
-    static get style() { return ":host{display:inline-block}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.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}.c-tab-button-wrapper{width:100%;max-width:220px}.c-tab-button{background-color:#008675;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#025b96;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.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}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.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}.c-tab-button-wrapper{width:100%;max-width:220px}.c-tab-button{background-color:#006778;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;padding-left:10px;padding-right:10px;color:#006778;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.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}"; }
 };
@@ -253,3 +252,2 @@
         registerInstance(this, hostRef);
-        this.color = 'blue';
     }
@@ -271,5 +269,5 @@ render() {
     }
-    static get style() { return ":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.pink{border-color:#e91e63!important}.blue{border-color:#025b96!important}.dark-blue{border-color:#012f5f!important}.green{border-color:#008675!important}.purple{border-color:#9c27b0!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#008675;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#025b96;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"; }
+    static get style() { return ":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.c-toggle:not(.active):HOVER{background-color:rgba(0,103,120,.1)}.pink{border-color:#e91e63!important;color:#e91e63!important}.pink:not(.active):HOVER{background-color:rgba(233,30,99,.1)!important}.blue{border-color:#025b96!important;color:#025b96!important}.blue:not(.active):HOVER{background-color:rgba(2,91,150,.1)!important}.dark-blue{border-color:#012f5f!important;color:#012f5f!important}.dark-blue:not(.active):HOVER{background-color:rgba(1,47,95,.1)!important}.green{border-color:#008675!important;color:#008675!important}.green:not(.active):HOVER{background-color:rgba(0,134,117,.1)!important}.purple{border-color:#9b27b0!important;color:#9b27b0!important}.purple:not(.active):HOVER{background-color:rgba(155,39,176,.1)!important}.active{background-color:#006778!important;border-color:#006778!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#006778;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#006778;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .5s;transition:background .5s}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"; }
 };
 
 export { Autocomplete as c_autocomplete, Button as c_button, Card as c_card, Col as c_col, Container as c_container, Option as c_option, Row as c_row, Select as c_select, Spacer as c_spacer, Tab as c_tab, Tab$1 as c_tab_button, TextField as c_text_field, Title as c_title, Button$1 as c_toggle };

package.json

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

975697

increased by0.58%

Lines of code

15951

increased by0.16%

No dependency changes