Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@lrnwebcomponents/simple-picker

Package Overview
Dependencies
Maintainers
4
Versions
100
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lrnwebcomponents/simple-picker - npm Package Compare versions

Comparing version 7.0.5 to 7.0.10

6

package.json

@@ -19,3 +19,3 @@ {

},
"version": "7.0.5",
"version": "7.0.10",
"description": "a simple picker for swatches, icons, etc.",

@@ -45,3 +45,3 @@ "repository": {

"@lrnwebcomponents/intersection-element": "^7.0.4",
"@lrnwebcomponents/simple-icon": "^7.0.5",
"@lrnwebcomponents/simple-icon": "^7.0.10",
"lit": "^2.7.5"

@@ -67,3 +67,3 @@ },

],
"gitHead": "8d695b463e8d8a1e7616d54d46c88a64ae3d9cb3"
"gitHead": "44f96fea963c665e84698e2d358ef1fba1f0c29f"
}

@@ -74,8 +74,20 @@ /**

:host {
--simple-picker-background-color: var(--simple-fields-background-color);
--simple-picker-options-background-color: var(--simple-fields-background-color);
--simple-picker-background-color: var(
--simple-fields-background-color
);
--simple-picker-options-background-color: var(
--simple-fields-background-color
);
--simple-picker-color: var(--simple-fields-color);
--simple-picker-color-active: var(--simple-fields-faded-background-color, orange);
--simple-picker-option-active-color: var(--simple-fields-background-color);
--simple-picker-option-active-background-color: var(--simple-fields-faded-background-color, var(--simple-fields-color));
--simple-picker-color-active: var(
--simple-fields-faded-background-color,
orange
);
--simple-picker-option-active-color: var(
--simple-fields-background-color
);
--simple-picker-option-active-background-color: var(
--simple-fields-faded-background-color,
var(--simple-fields-color)
);
display: var(--simple-picker-display, inline-flex);

@@ -263,3 +275,3 @@ align-items: center;

rotate(0deg)
);--simple-picker-color-active
);
transition: transform 0.25s;

@@ -266,0 +278,0 @@ }

@@ -74,8 +74,20 @@ /**

:host {
--simple-picker-background-color: var(--simple-fields-background-color);
--simple-picker-options-background-color: var(--simple-fields-background-color);
--simple-picker-background-color: var(
--simple-fields-background-color
);
--simple-picker-options-background-color: var(
--simple-fields-background-color
);
--simple-picker-color: var(--simple-fields-color);
--simple-picker-color-active: var(--simple-fields-faded-background-color, orange);
--simple-picker-option-active-color: var(--simple-fields-background-color);
--simple-picker-option-active-background-color: var(--simple-fields-faded-background-color, var(--simple-fields-color));
--simple-picker-color-active: var(
--simple-fields-faded-background-color,
orange
);
--simple-picker-option-active-color: var(
--simple-fields-background-color
);
--simple-picker-option-active-background-color: var(
--simple-fields-faded-background-color,
var(--simple-fields-color)
);
display: var(--simple-picker-display, inline-flex);

@@ -263,3 +275,3 @@ align-items: center;

rotate(0deg)
);--simple-picker-color-active
);
transition: transform 0.25s;

@@ -266,0 +278,0 @@ }

import { fixture, expect, html } from "@open-wc/testing";
import "../simple-picker.js";
import "../lib/simple-symbol-picker.js";

@@ -9,3 +9,3 @@ describe("simple-picker test", () => {

element = await fixture(
html` <simple-picker title="test-title"></simple-picker> `
html` <simple-symbol-picker></simple-symbol-picker> `
);

@@ -12,0 +12,0 @@ });

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc