@deckdeckgo/color
Advanced tools
Comparing version 3.0.0 to 3.1.0
@@ -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) |
@@ -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 { |
@@ -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)); |
@@ -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 { |
{ | ||
"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", |
@@ -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 |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
349713
5890
41
2