You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

dile-checkbox

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

dile-checkbox - npm Package Compare versions

Comparing version

to
1.1.0

4

dile-checkbox.js

@@ -58,2 +58,6 @@ import { html, css, LitElement } from 'lit-element';

}
.disabled .label{
color: var(--dile-checkbox-label-disabled-color, #303030);
}
`;

@@ -60,0 +64,0 @@ }

2

package.json
{
"name": "dile-checkbox",
"version": "1.0.6",
"version": "1.1.0",
"description": "Webcomponent dile-checkbox following open-wc recommendations",

@@ -5,0 +5,0 @@ "author": "@midesweb",

@@ -5,2 +5,4 @@ # \<dile-checkbox>

Let's [go to DEMOS page](https://dile-checkbox.polydile.com)!
## Installation

@@ -33,2 +35,12 @@ ```bash

ustom property | Description | Default
----------------|-------------|---------
--dile-checkbox-checked-color | Checked color for check control | #30a030
--dile-checkbox-unchecked-color | Unchecked color for check control | #ddd
--dile-checkbox-fill-color | Fill color for the check control | #fff
--dile-checkbox-unchecked-fill-color | Checked color for check control when is in unchecked status| #fff
--dile-checkbox-label-color | label regular color | #303030
--dile-checkbox-label-disabled-color | Label color for disabled status | #303030
--dile-checkbox-font-weight | Font weight for te label | normal
```

@@ -43,2 +55,3 @@ <style>

--dile-checkbox-font-weight: bold;
--dile-checkbox-label-disabled-color: #ddd;
}

@@ -45,0 +58,0 @@ </style>

@@ -10,3 +10,2 @@ import { storiesOf, html, withKnobs, withClassPropertiesKnobs } from '@open-wc/demoing-storybook';

.addDecorator(withKnobs)
.add('Documentation', () => withClassPropertiesKnobs(DileCheckbox), { notes: { markdown: readme } })
.add(

@@ -16,3 +15,3 @@ 'Default checkbox',

<dile-checkbox>Element label</dile-checkbox>
`,
`,
)

@@ -30,2 +29,3 @@ .add(

--dile-checkbox-font-weight: bold;
--dile-checkbox-label-disabled-color: #ddd;
font-size: 1.5em;

@@ -35,3 +35,3 @@ }

<dile-checkbox class="customized">Mark as danger!</dile-checkbox>
`,
`,
).add(

@@ -41,3 +41,4 @@ 'Disabled checkbox',

<dile-checkbox disabled>Disabled checkbox</dile-checkbox>
`,
);
`,
)
.add('Documentation', () => withClassPropertiesKnobs(DileCheckbox), { notes: { markdown: readme } });
SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.