@deckdeckgo/color - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

CHANGELOG.md

@@ -0,1 +1,7 @@
+# 3.1.0 (2020-10-07)
+
+### Features
+
+- show focus state
+
 # 3.0.0 (2020-09-03)
@@ -5,3 +11,3 @@
 
-- E11, Edge 16-18 and Safari 10 not supported
+- IE11, Edge 16-18 and Safari 10 not supported
 
@@ -8,0 +14,0 @@ # 2.1.3 (2020-07-31)

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

@@ -46,3 +46,3 @@ 'use strict';
 
-const deckdeckgoColorCss = ":host{display:block}div.color-container{position:relative;display:flex;align-items:center;flex-wrap:var(--deckgo-flex-wrap, wrap);overflow:var(--deckgo-overflow, visible)}div.color-container button,div.color-container div.more{width:var(--deckgo-button-width, 28px);min-width:var(--deckgo-button-width, 28px);height:var(--deckgo-button-height, 28px);min-height:var(--deckgo-button-height, 28px);margin:var(--deckgo-button-margin, 4px);padding:0;outline:var(--deckgo-button-outline, none)}div.color-container button{cursor:pointer;border:1px solid var(--deckdeckgo-palette-border-color, var(--deckdeckgo-palette-color-hex));border-radius:var(--deckgo-button-border-radius, 50%);background:var(--deckdeckgo-palette-color-hex)}div.color-container button.selected{box-shadow:0 0 8px 4px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container button:not(.selected):hover{box-shadow:0 0 8px 2px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container div.more{display:inline-block;position:relative;outline:none;border:none}div.color-container div.more button,div.color-container div.more input{position:absolute}div.color-container div.more button{top:50%;left:50%;transform:translate(-50%, -50%);margin:0;border-radius:var(--deckgo-button-more-border-radius, 50%);outline:var(--deckgo-button-more-outline, none);border:var(--deckgo-button-more-border, none);background:var(--deckgo-button-more-background, transparent)}div.color-container div.more button.selected{border:1px solid var(--deckdeckgo-palette-color-hex, var(--deckgo-button-more-border))}div.color-container div.more input{bottom:0;right:0;width:1px;height:1px;visibility:hidden;opacity:0;transform:translate(100%, 100%)}";
+const deckdeckgoColorCss = ":host{display:block}div.color-container{position:relative;display:flex;align-items:center;flex-wrap:var(--deckgo-flex-wrap, wrap);overflow:var(--deckgo-overflow, visible)}div.color-container button,div.color-container div.more{width:var(--deckgo-button-width, 28px);min-width:var(--deckgo-button-width, 28px);height:var(--deckgo-button-height, 28px);min-height:var(--deckgo-button-height, 28px);margin:var(--deckgo-button-margin, 4px);padding:0;outline:var(--deckgo-button-outline, none)}div.color-container button{cursor:pointer;border:1px solid var(--deckdeckgo-palette-border-color, var(--deckdeckgo-palette-color-hex));border-radius:var(--deckgo-button-border-radius, 50%);background:var(--deckdeckgo-palette-color-hex)}div.color-container button.selected{box-shadow:0 0 8px 4px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container button:not(.selected):hover,div.color-container button:not(.selected):focus{box-shadow:0 0 8px 2px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container div.more{display:inline-block;position:relative;outline:none;border:none}div.color-container div.more button,div.color-container div.more input{position:absolute}div.color-container div.more button{top:50%;left:50%;transform:translate(-50%, -50%);margin:0;border-radius:var(--deckgo-button-more-border-radius, 50%);outline:var(--deckgo-button-more-outline, none);border:var(--deckgo-button-more-border, none);background:var(--deckgo-button-more-background, transparent)}div.color-container div.more button.selected{border:1px solid var(--deckdeckgo-palette-color-hex, var(--deckgo-button-more-border))}div.color-container div.more input{bottom:0;right:0;width:1px;height:1px;visibility:hidden;opacity:0;transform:translate(100%, 100%)}";
 
@@ -49,0 +49,0 @@ const DeckdeckgoColor = class {

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

@@ -1,1 +0,1 @@
-import{p as o,b as l}from"./p-904aaf21.js";(()=>{const l=import.meta.url,e={};return""!==l&&(e.resourcesUrl=new URL(".",l).href),o(e)})().then(o=>l([["p-10bb0b28",[[1,"deckgo-color",{palette:[1040],more:[4],moreAlt:[1,"more-alt"],colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],label:[4],selectedColorHex:[32],selectedColorRgb:[32],selectedColorPalette:[32],selectedCustomColorRgb:[32],selectedColorLabel:[32]}],[1,"deckgo-color-label",{colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],colorLabel:[1,"color-label"],customColorRgb:[1,"custom-color-rgb"],color:[32]}]]]],o));
+import{p as o,b as l}from"./p-904aaf21.js";(()=>{const l=import.meta.url,e={};return""!==l&&(e.resourcesUrl=new URL(".",l).href),o(e)})().then(o=>l([["p-65b6d523",[[1,"deckgo-color",{palette:[1040],more:[4],moreAlt:[1,"more-alt"],colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],label:[4],selectedColorHex:[32],selectedColorRgb:[32],selectedColorPalette:[32],selectedCustomColorRgb:[32],selectedColorLabel:[32]}],[1,"deckgo-color-label",{colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],colorLabel:[1,"color-label"],customColorRgb:[1,"custom-color-rgb"],color:[32]}]]]],o));

dist/esm/deckgo-color_2.entry.js

@@ -42,3 +42,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06e43934.js';
 
-const deckdeckgoColorCss = ":host{display:block}div.color-container{position:relative;display:flex;align-items:center;flex-wrap:var(--deckgo-flex-wrap, wrap);overflow:var(--deckgo-overflow, visible)}div.color-container button,div.color-container div.more{width:var(--deckgo-button-width, 28px);min-width:var(--deckgo-button-width, 28px);height:var(--deckgo-button-height, 28px);min-height:var(--deckgo-button-height, 28px);margin:var(--deckgo-button-margin, 4px);padding:0;outline:var(--deckgo-button-outline, none)}div.color-container button{cursor:pointer;border:1px solid var(--deckdeckgo-palette-border-color, var(--deckdeckgo-palette-color-hex));border-radius:var(--deckgo-button-border-radius, 50%);background:var(--deckdeckgo-palette-color-hex)}div.color-container button.selected{box-shadow:0 0 8px 4px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container button:not(.selected):hover{box-shadow:0 0 8px 2px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container div.more{display:inline-block;position:relative;outline:none;border:none}div.color-container div.more button,div.color-container div.more input{position:absolute}div.color-container div.more button{top:50%;left:50%;transform:translate(-50%, -50%);margin:0;border-radius:var(--deckgo-button-more-border-radius, 50%);outline:var(--deckgo-button-more-outline, none);border:var(--deckgo-button-more-border, none);background:var(--deckgo-button-more-background, transparent)}div.color-container div.more button.selected{border:1px solid var(--deckdeckgo-palette-color-hex, var(--deckgo-button-more-border))}div.color-container div.more input{bottom:0;right:0;width:1px;height:1px;visibility:hidden;opacity:0;transform:translate(100%, 100%)}";
+const deckdeckgoColorCss = ":host{display:block}div.color-container{position:relative;display:flex;align-items:center;flex-wrap:var(--deckgo-flex-wrap, wrap);overflow:var(--deckgo-overflow, visible)}div.color-container button,div.color-container div.more{width:var(--deckgo-button-width, 28px);min-width:var(--deckgo-button-width, 28px);height:var(--deckgo-button-height, 28px);min-height:var(--deckgo-button-height, 28px);margin:var(--deckgo-button-margin, 4px);padding:0;outline:var(--deckgo-button-outline, none)}div.color-container button{cursor:pointer;border:1px solid var(--deckdeckgo-palette-border-color, var(--deckdeckgo-palette-color-hex));border-radius:var(--deckgo-button-border-radius, 50%);background:var(--deckdeckgo-palette-color-hex)}div.color-container button.selected{box-shadow:0 0 8px 4px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container button:not(.selected):hover,div.color-container button:not(.selected):focus{box-shadow:0 0 8px 2px rgba(var(--deckdeckgo-palette-box-shadow-color, var(--deckdeckgo-palette-color-rgb)), 0.4)}div.color-container div.more{display:inline-block;position:relative;outline:none;border:none}div.color-container div.more button,div.color-container div.more input{position:absolute}div.color-container div.more button{top:50%;left:50%;transform:translate(-50%, -50%);margin:0;border-radius:var(--deckgo-button-more-border-radius, 50%);outline:var(--deckgo-button-more-outline, none);border:var(--deckgo-button-more-border, none);background:var(--deckgo-button-more-background, transparent)}div.color-container div.more button.selected{border:1px solid var(--deckdeckgo-palette-color-hex, var(--deckgo-button-more-border))}div.color-container div.more input{bottom:0;right:0;width:1px;height:1px;visibility:hidden;opacity:0;transform:translate(100%, 100%)}";
 
@@ -45,0 +45,0 @@ const DeckdeckgoColor = class {

package.json

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

README.md

@@ -0,1 +1,9 @@
+[![npm][npm-badge]][npm-badge-url]
+[![license][npm-license]][npm-license-url]
+
+[npm-badge]: https://img.shields.io/npm/v/@deckdeckgo/color
+[npm-badge-url]: https://www.npmjs.com/package/@deckdeckgo/color
+[npm-license]: https://img.shields.io/npm/l/@deckdeckgo/color
+[npm-license-url]: https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/color/LICENSE
+
 # DeckDeckGo - Color Picker
@@ -32,2 +40,2 @@
 
-[DeckDeckGo]: https://deckdeckgo.com
+[deckdeckgo]: https://deckdeckgo.com

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

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

349713

increased by0.18%

Lines of code

5890

increased by0.03%

Number of lines in readme file

41

increased by24.24%

Number of medium supply chain risk alerts

2

decreased by-33.33%

No dependency changes