New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

csc-ui

Package Overview
Dependencies
Maintainers
1
Versions
375
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

csc-ui - npm Package Compare versions

Comparing version 0.0.26 to 0.0.27

dist/cscwebcomponents/p-mqty4qs4.entry.js
dist/cscwebcomponents/p-xqdpr8fb.system.entry.js

10

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

@@ -235,5 +235,11 @@ 'use strict';

render() {
return (core.h(core.Host, null, core.h("span", { class: this.dense ? 'dense-label' : '' }, this.label), core.h("div", { class: this.dense ? 'text-field-wrapper text-field-dense' : '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) }))));
let classes = this.dense ? 'text-field-wrapper text-field-dense' : 'text-field-wrapper';
let labelClasses = this.dense ? 'dense-label' : '';
if (this.disabled) {
classes = `${classes} text-field-disabled`;
labelClasses = `${labelClasses} label-disabled`;
}
return (core.h(core.Host, null, core.h("label", { class: labelClasses, htmlFor: this.name }, this.label), core.h("div", { class: classes }, core.h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
}
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-dense{min-height:36px}span.dense-label{font-size:12px}.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%}"; }
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-dense{min-height:36px}label.dense-label{font-size:12px}.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%}.label-disabled,.text-field-wrapper.text-field-disabled input{color:#93979d}"; }
};

@@ -240,0 +246,0 @@

18

dist/collection/collection-manifest.json
{
"entries": [
"components/tab-button/tab-button.js",
"components/col/col.js",
"components/card/card.js",
"components/button/button.js",
"components/container/container.js",
"components/text-field/text-field.js",
"components/row/row.js",
"components/option/option.js",
"components/autocomplete/autocomplete.js",
"components/tab/tab.js",
"components/text-field/text-field.js",
"components/card/card.js",
"components/col/col.js",
"components/spacer/spacer.js",
"components/title/title.js",
"components/select/select.js",
"components/toggle/toggle.js"
"components/tab/tab.js",
"components/toggle/toggle.js",
"components/option/option.js",
"components/container/container.js",
"components/tab-button/tab-button.js",
"components/button/button.js"
],

@@ -18,0 +18,0 @@ "compiler": {

10

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

@@ -7,5 +7,11 @@ import { Host, h } from "@stencil/core";

render() {
let classes = this.dense ? 'text-field-wrapper text-field-dense' : 'text-field-wrapper';
let labelClasses = this.dense ? 'dense-label' : '';
if (this.disabled) {
classes = `${classes} text-field-disabled`;
labelClasses = `${labelClasses} label-disabled`;
}
return (h(Host, null,
h("span", { class: this.dense ? 'dense-label' : '' }, this.label),
h("div", { class: this.dense ? 'text-field-wrapper text-field-dense' : 'text-field-wrapper' },
h("label", { class: labelClasses, htmlFor: this.name }, this.label),
h("div", { class: classes },
h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));

@@ -12,0 +18,0 @@ }

2

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-kxrdwoii",[[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-mqty4qs4",[[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));

2

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(i){e=i.p;t=i.b}],execute:function(){e().then((function(e){return t([["p-iemhpafr.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-xqdpr8fb.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)}))}}}));

10

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

@@ -284,6 +284,12 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';

var _this_1 = this;
return (h(Host, null, h("span", { class: this.dense ? 'dense-label' : '' }, this.label), h("div", { class: this.dense ? 'text-field-wrapper text-field-dense' : '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); } }))));
var classes = this.dense ? 'text-field-wrapper text-field-dense' : 'text-field-wrapper';
var labelClasses = this.dense ? 'dense-label' : '';
if (this.disabled) {
classes = classes + " text-field-disabled";
labelClasses = labelClasses + " label-disabled";
}
return (h(Host, null, h("label", { class: labelClasses, htmlFor: this.name }, this.label), h("div", { class: classes }, h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: function (event) { return _this_1.handleChange(event); } }))));
};
Object.defineProperty(TextField, "style", {
get: function () { 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-dense{min-height:36px}span.dense-label{font-size:12px}.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%}"; },
get: function () { 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-dense{min-height:36px}label.dense-label{font-size:12px}.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%}.label-disabled,.text-field-wrapper.text-field-disabled input{color:#93979d}"; },
enumerable: true,

@@ -290,0 +296,0 @@ configurable: true

10

dist/esm/c-autocomplete_14.entry.js

@@ -231,5 +231,11 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';

render() {
return (h(Host, null, h("span", { class: this.dense ? 'dense-label' : '' }, this.label), h("div", { class: this.dense ? 'text-field-wrapper text-field-dense' : 'text-field-wrapper' }, h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
let classes = this.dense ? 'text-field-wrapper text-field-dense' : 'text-field-wrapper';
let labelClasses = this.dense ? 'dense-label' : '';
if (this.disabled) {
classes = `${classes} text-field-disabled`;
labelClasses = `${labelClasses} label-disabled`;
}
return (h(Host, null, h("label", { class: labelClasses, htmlFor: this.name }, this.label), h("div", { class: classes }, h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
}
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-dense{min-height:36px}span.dense-label{font-size:12px}.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%}"; }
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-dense{min-height:36px}label.dense-label{font-size:12px}.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%}.label-disabled,.text-field-wrapper.text-field-disabled input{color:#93979d}"; }
};

@@ -236,0 +242,0 @@

2

package.json
{
"name": "csc-ui",
"version": "0.0.26",
"version": "0.0.27",
"description": "CSC UI components",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

dist/cscwebcomponents/p-iemhpafr.system.entry.js
dist/cscwebcomponents/p-kxrdwoii.entry.js
dist/collection/components/text-field/text-field.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc