@deckdeckgo/color - npm Package Compare versions

Comparing version 4.0.1 to 4.0.2

CHANGELOG.md

@@ -0,1 +1,7 @@
+# 4.0.2 (2021-05-13)
+
+### Style
+
+- container input style `border` and `border-radius` exposed
+
 # 4.0.1 (2021-05-13)
@@ -2,0 +8,0 @@

dist/cjs/deckgo-color_2.cjs.entry.js

@@ -172,3 +172,3 @@ 'use strict';
 
-const deckdeckgoColorInputCss = ":host{display:flex;position:relative;margin:var(--deckgo-color-input-margin, 4px)}span{width:var(--deckgo-color-hash-width, 28px);height:var(--deckgo-color-hash-height, 28px);display:inline-flex;justify-content:center;align-items:center;background:var(--deckgo-color-hash-background, #f0f0f0 none repeat scroll 0 0);color:var(--deckgo-color-hash-color, #98a1a4);border-radius:var(--deckgo-color-hash-border-radius, 4px 0 0 4px)}input{color:var(--deckgo-color-input-color, #666666);background:var(--deckgo-color-input-background, inherit);border:none;outline:none;height:var(--deckgo-color-input-height, 28px);box-shadow:var(--deckgo-color-input-box-shadow, #f0f0f0 0 0 0 1px inset);border-radius:var(--deckgo-color-input-border-radius, 0 4px 4px 0);padding:var(--deckgo-color-input-padding, 0 4px);max-width:var(--deckgo-color-input-max-width, 136px);font-family:var(--deckgo-color-input-font-family, inherit)}";
+const deckdeckgoColorInputCss = ":host{display:flex;position:relative;margin:var(--deckgo-color-input-margin, 4px);border-radius:var(--deckgo-color-input-container-border-radius);border:var(--deckgo-color-input-container-border)}span{width:var(--deckgo-color-hash-width, 28px);height:var(--deckgo-color-hash-height, 28px);display:inline-flex;justify-content:center;align-items:center;background:var(--deckgo-color-hash-background, #f0f0f0 none repeat scroll 0 0);color:var(--deckgo-color-hash-color, #98a1a4);border-radius:var(--deckgo-color-hash-border-radius, 4px 0 0 4px)}input{color:var(--deckgo-color-input-color, #666666);background:var(--deckgo-color-input-background, inherit);border:none;outline:none;height:var(--deckgo-color-input-height, 28px);box-shadow:var(--deckgo-color-input-box-shadow, #f0f0f0 0 0 0 1px inset);border-radius:var(--deckgo-color-input-border-radius, 0 4px 4px 0);padding:var(--deckgo-color-input-padding, 0 4px);max-width:var(--deckgo-color-input-max-width, 136px);font-family:var(--deckgo-color-input-font-family, inherit)}";
 
@@ -175,0 +175,0 @@ const DeckdeckgoColorInput = class {

dist/deckdeckgo-color/deckdeckgo-color.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as e}from"./p-f62e3fe2.js";(()=>{const e=import.meta.url,l={};return""!==e&&(l.resourcesUrl=new URL(".",e).href),o(l)})().then((o=>e([["p-5b5e3349",[[1,"deckgo-color",{palette:[1040],inputAlt:[1,"input-alt"],colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],selectedColorHex:[32],selectedColorRgb:[32],selectedColorPalette:[32],selectedCustomColorRgb:[32]}],[1,"deckgo-color-input",{colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],customColorRgb:[1,"custom-color-rgb"],inputAlt:[1,"input-alt"],color:[32]}]]]],o)));
+import{p as o,b as e}from"./p-f62e3fe2.js";(()=>{const e=import.meta.url,l={};return""!==e&&(l.resourcesUrl=new URL(".",e).href),o(l)})().then((o=>e([["p-ff37f17f",[[1,"deckgo-color",{palette:[1040],inputAlt:[1,"input-alt"],colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],selectedColorHex:[32],selectedColorRgb:[32],selectedColorPalette:[32],selectedCustomColorRgb:[32]}],[1,"deckgo-color-input",{colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],customColorRgb:[1,"custom-color-rgb"],inputAlt:[1,"input-alt"],color:[32]}]]]],o)));

dist/esm/deckgo-color_2.entry.js

@@ -168,3 +168,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-17ec0249.js';
 
-const deckdeckgoColorInputCss = ":host{display:flex;position:relative;margin:var(--deckgo-color-input-margin, 4px)}span{width:var(--deckgo-color-hash-width, 28px);height:var(--deckgo-color-hash-height, 28px);display:inline-flex;justify-content:center;align-items:center;background:var(--deckgo-color-hash-background, #f0f0f0 none repeat scroll 0 0);color:var(--deckgo-color-hash-color, #98a1a4);border-radius:var(--deckgo-color-hash-border-radius, 4px 0 0 4px)}input{color:var(--deckgo-color-input-color, #666666);background:var(--deckgo-color-input-background, inherit);border:none;outline:none;height:var(--deckgo-color-input-height, 28px);box-shadow:var(--deckgo-color-input-box-shadow, #f0f0f0 0 0 0 1px inset);border-radius:var(--deckgo-color-input-border-radius, 0 4px 4px 0);padding:var(--deckgo-color-input-padding, 0 4px);max-width:var(--deckgo-color-input-max-width, 136px);font-family:var(--deckgo-color-input-font-family, inherit)}";
+const deckdeckgoColorInputCss = ":host{display:flex;position:relative;margin:var(--deckgo-color-input-margin, 4px);border-radius:var(--deckgo-color-input-container-border-radius);border:var(--deckgo-color-input-container-border)}span{width:var(--deckgo-color-hash-width, 28px);height:var(--deckgo-color-hash-height, 28px);display:inline-flex;justify-content:center;align-items:center;background:var(--deckgo-color-hash-background, #f0f0f0 none repeat scroll 0 0);color:var(--deckgo-color-hash-color, #98a1a4);border-radius:var(--deckgo-color-hash-border-radius, 4px 0 0 4px)}input{color:var(--deckgo-color-input-color, #666666);background:var(--deckgo-color-input-background, inherit);border:none;outline:none;height:var(--deckgo-color-input-height, 28px);box-shadow:var(--deckgo-color-input-box-shadow, #f0f0f0 0 0 0 1px inset);border-radius:var(--deckgo-color-input-border-radius, 0 4px 4px 0);padding:var(--deckgo-color-input-padding, 0 4px);max-width:var(--deckgo-color-input-max-width, 136px);font-family:var(--deckgo-color-input-font-family, inherit)}";
 
@@ -171,0 +171,0 @@ const DeckdeckgoColorInput = class {

package.json

 {
   "name": "@deckdeckgo/color",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "A color picker developed with Web Components",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

No alert changes

Improved metrics

Total package byte prevSize

345360

increased by0.23%

Lines of code

5825

increased by0.17%

No dependency changes