New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@rmwc/checkbox

Package Overview
Dependencies
Maintainers
1
Versions
172
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/checkbox - npm Package Compare versions

Comparing version 8.0.8 to 14.0.0-alpha.0

4

dist/index.js

@@ -25,4 +25,4 @@ "use strict";

var children = props.children, className = props.className, label = props.label, style = props.style, indeterminate = props.indeterminate, inputRef = props.inputRef, foundationRef = props.foundationRef, rest = tslib_1.__rest(props, ["children", "className", "label", "style", "indeterminate", "inputRef", "foundationRef"]);
var checkbox = (react_1.default.createElement(CheckboxRoot, tslib_1.__assign({}, rootEl.props(tslib_1.__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: base_1.mergeRefs(rootEl.setRef, ref) }),
react_1.default.createElement("input", tslib_1.__assign({}, checkboxEl.props(tslib_1.__assign(tslib_1.__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: base_1.mergeRefs(checkboxEl.setRef, inputRef), id: id })),
var checkbox = (react_1.default.createElement(CheckboxRoot, tslib_1.__assign({}, rootEl.props(tslib_1.__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: base_1.mergeRefs(rootEl.reactRef, ref) }),
react_1.default.createElement("input", tslib_1.__assign({}, checkboxEl.props(tslib_1.__assign(tslib_1.__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: base_1.mergeRefs(checkboxEl.reactRef, inputRef), id: id })),
react_1.default.createElement(CheckboxBackground, null),

@@ -29,0 +29,0 @@ react_1.default.createElement(CheckboxRipple, null)));

@@ -1,3 +0,3 @@

/// <reference types="react" />
export default function Readme(): JSX.Element;
export declare const galleryExample: JSX.Element;
import React from 'react';
export default function Readme(): React.JSX.Element;
export declare const galleryExample: React.JSX.Element;

@@ -22,4 +22,4 @@ import { __assign, __rest } from "tslib";

var children = props.children, className = props.className, label = props.label, style = props.style, indeterminate = props.indeterminate, inputRef = props.inputRef, foundationRef = props.foundationRef, rest = __rest(props, ["children", "className", "label", "style", "indeterminate", "inputRef", "foundationRef"]);
var checkbox = (React.createElement(CheckboxRoot, __assign({}, rootEl.props(__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: mergeRefs(rootEl.setRef, ref) }),
React.createElement("input", __assign({}, checkboxEl.props(__assign(__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: mergeRefs(checkboxEl.setRef, inputRef), id: id })),
var checkbox = (React.createElement(CheckboxRoot, __assign({}, rootEl.props(__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: mergeRefs(rootEl.reactRef, ref) }),
React.createElement("input", __assign({}, checkboxEl.props(__assign(__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: mergeRefs(checkboxEl.reactRef, inputRef), id: id })),
React.createElement(CheckboxBackground, null),

@@ -26,0 +26,0 @@ React.createElement(CheckboxRipple, null)));

@@ -1,3 +0,3 @@

/// <reference types="react" />
export default function Readme(): JSX.Element;
export declare const galleryExample: JSX.Element;
import React from 'react';
export default function Readme(): React.JSX.Element;
export declare const galleryExample: React.JSX.Element;
{
"name": "@rmwc/checkbox",
"version": "8.0.8",
"version": "14.0.0-alpha.0",
"description": "RMWC Checkbox component",

@@ -39,11 +39,11 @@ "main": "dist/index.js",

"dependencies": {
"@material/checkbox": "^8.0.0",
"@material/form-field": "^8.0.0",
"@rmwc/base": "^8.0.8",
"@rmwc/formfield": "^8.0.8",
"@rmwc/ripple": "^8.0.8",
"@rmwc/toggleable": "^8.0.8",
"@rmwc/types": "^8.0.8"
"@material/checkbox": "^14.0.0",
"@material/form-field": "^14.0.0",
"@rmwc/base": "^14.0.0-alpha.0",
"@rmwc/formfield": "^14.0.0-alpha.0",
"@rmwc/ripple": "^14.0.0-alpha.0",
"@rmwc/toggleable": "^14.0.0-alpha.0",
"@rmwc/types": "^14.0.0-alpha.0"
},
"gitHead": "d9befec0e3b258864b71686eecd16c16feb43cf1"
}

@@ -16,12 +16,14 @@ # Checkboxes

```jsx
function Example() {
const [checked, setChecked] = React.useState(false);
return (
<Checkbox
label="Cookies"
checked={checked}
onChange={(evt) => setChecked(!!evt.currentTarget.checked)}
/>
);
}
<>
{function Example() {
const [checked, setChecked] = React.useState(false);
return (
<Checkbox
label="Cookies"
checked={checked}
onChange={(evt) => setChecked(!!evt.currentTarget.checked)}
/>
);
}}
</>
```

@@ -28,0 +30,0 @@

Sorry, the diff of this file is not supported yet

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