@clevercloud/components - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

CHANGELOG.md

 # Clever Components changelog
 
+## 1.0.4 (2019-07-10)
+
+- env-var-input: switch colors for delete/keep button
+
 ## 1.0.3 (2019-07-09)
@@ -4,0 +8,0 @@

dist/env-var/env-var-input.js

@@ -1,2 +0,2 @@
-import"../atoms/cc-button.js";import"../atoms/cc-input-text.js";import{css as e,html as t,LitElement as n}from"lit-element";import{classMap as i}from"lit-html/directives/class-map.js";import{dispatchCustomEvent as s}from"../lib/events.js";import{i18n as o}from"@i18n";import{pulse as a}from"../styles/animations.js";export class EnvVarInput extends n{static get properties(){return{name:{type:String},value:{type:String},new:{type:Boolean},edited:{type:Boolean},deleted:{type:Boolean},skeleton:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean}}}constructor(){super(),this.value="",this.new=!1,this.edited=!1,this.deleted=!1,this.skeleton=!1,this.disabled=!1,this.readonly=!1}t({detail:e}){this.value=e,s(this,"input",{name:this.name,value:this.value})}i(){s(this,"delete",{name:this.name})}s(){s(this,"keep",{name:this.name})}render(){const e=this.readonly?"":t`<cc-button ?skeleton="${this.skeleton}" ?disabled="${this.disabled}" ?danger="${this.deleted}" ?outlined="${this.deleted}" @click="${this.deleted?this.s:this.i}">${this.deleted?o("env-var-input.keep-button"):o("env-var-input.delete-button")}</cc-button>`;return t`<span class="${i({name:!0,skeleton:this.skeleton,deleted:this.deleted})}"><span class="text">${this.name}</span> </span><span class="input-btn"><cc-input-text class="value" name="${this.name}" value="${this.value}" multi ?disabled="${this.deleted||this.disabled}" ?skeleton="${this.skeleton}" ?readonly="${this.readonly}" placeholder="${o("env-var-input.value-placeholder")}" @cc-input-text:input="${this.t}"></cc-input-text>${e}</span>`}static get styles(){return[a,e`:host{display:flex;flex-wrap:wrap}:host([hidden]){display:none}.name{background-color:#fff;box-sizing:border-box;display:inline-block;flex:1 1 15rem;font-family:SourceCodePro,monaco,monospace;font-size:14px;line-height:1.4rem;padding:.2rem;word-break:break-all}.name.deleted{text-decoration:line-through}.name.skeleton .text{animation-direction:alternate;animation-duration:.5s;animation-iteration-count:infinite;animation-name:pulse;background-color:#bbb;color:transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.input-btn{display:flex;flex:2 1 27rem;flex-wrap:wrap}.value{flex:100 1 20rem}cc-button{flex:1 1 6rem;white-space:nowrap}`]}}window.customElements.define("env-var-input",EnvVarInput);
+import"../atoms/cc-button.js";import"../atoms/cc-input-text.js";import{css as e,html as t,LitElement as n}from"lit-element";import{classMap as i}from"lit-html/directives/class-map.js";import{dispatchCustomEvent as s}from"../lib/events.js";import{i18n as o}from"@i18n";import{pulse as a}from"../styles/animations.js";export class EnvVarInput extends n{static get properties(){return{name:{type:String},value:{type:String},new:{type:Boolean},edited:{type:Boolean},deleted:{type:Boolean},skeleton:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean}}}constructor(){super(),this.value="",this.new=!1,this.edited=!1,this.deleted=!1,this.skeleton=!1,this.disabled=!1,this.readonly=!1}t({detail:e}){this.value=e,s(this,"input",{name:this.name,value:this.value})}i(){s(this,"delete",{name:this.name})}s(){s(this,"keep",{name:this.name})}render(){const e=this.readonly?"":t`<cc-button ?skeleton="${this.skeleton}" ?disabled="${this.disabled}" ?danger="${!this.deleted}" ?outlined="${this.deleted}" @click="${this.deleted?this.s:this.i}">${this.deleted?o("env-var-input.keep-button"):o("env-var-input.delete-button")}</cc-button>`;return t`<span class="${i({name:!0,skeleton:this.skeleton,deleted:this.deleted})}"><span class="text">${this.name}</span> </span><span class="input-btn"><cc-input-text class="value" name="${this.name}" value="${this.value}" multi ?disabled="${this.deleted||this.disabled}" ?skeleton="${this.skeleton}" ?readonly="${this.readonly}" placeholder="${o("env-var-input.value-placeholder")}" @cc-input-text:input="${this.t}"></cc-input-text>${e}</span>`}static get styles(){return[a,e`:host{display:flex;flex-wrap:wrap}:host([hidden]){display:none}.name{background-color:#fff;box-sizing:border-box;display:inline-block;flex:1 1 15rem;font-family:SourceCodePro,monaco,monospace;font-size:14px;line-height:1.4rem;padding:.2rem;word-break:break-all}.name.deleted{text-decoration:line-through}.name.skeleton .text{animation-direction:alternate;animation-duration:.5s;animation-iteration-count:infinite;animation-name:pulse;background-color:#bbb;color:transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.input-btn{display:flex;flex:2 1 27rem;flex-wrap:wrap}.value{flex:100 1 20rem}cc-button{flex:1 1 6rem;white-space:nowrap}`]}}window.customElements.define("env-var-input",EnvVarInput);
 //# sourceMappingURL=env-var-input.js.map

package.json

 {
   "name": "@clevercloud/components",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "This is a Work In Progress to introduce Web Components in our Clever Cloud Web based UIs.",
@@ -16,6 +16,5 @@ "main": "dist/index.js",
     "lint:fix": "eslint --fix components stories tasks",
-    "prestart": "npm run components:docs && npm run storybook:build",
     "start": "static -a 0.0.0.0 -p 8080 storybook-static",
     "storybook:dev": "start-storybook -p 6006 --ci",
-    "storybook:build": "build-storybook -o storybook-static${STORYBOOK_PATH}"
+    "storybook:build": "npm run components:docs && build-storybook -o storybook-static${STORYBOOK_PATH}"
   },
@@ -22,0 +21,0 @@ "dependencies": {

No alert changes

Improved metrics

Total package byte prevSize

120287

increased by0.03%

No dependency changes