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

@material/form-field

Package Overview
Dependencies
Maintainers
14
Versions
1699
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/form-field - npm Package Compare versions

Comparing version 15.0.0-canary.23073a303.0 to 15.0.0-canary.2528c1c3b.0

_form-field-theme.scss

4

adapter.d.ts

@@ -34,4 +34,4 @@ /**

deactivateInputRipple(): void;
deregisterInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
registerInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
deregisterInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
registerInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
}

@@ -6,3 +6,3 @@ # Change Log

# [15.0.0-canary.23073a303.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.23073a303.0) (2023-03-10)
# [15.0.0-canary.2528c1c3b.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.2528c1c3b.0) (2023-09-20)

@@ -13,1 +13,9 @@

* **checkbox:** Attribute `hidden` now correctly hides the checkbox. ([63d3a14](https://github.com/material-components/material-components-web/commit/63d3a146e4ce16867f742ce41b1760da7233ed66))
### Features
* **formfield:** Add `mdc-label` class to `<label>` ([55093ee](https://github.com/material-components/material-components-web/commit/55093ee1e347fc68360a7fa1b45e1cc7f80cc683))
* **formfield:** Add `theme` mixin ([ed7e82d](https://github.com/material-components/material-components-web/commit/ed7e82dedcea18db05621abd0a44a3c002cb65e8))
* **formfield:** Extract `static-styles` mixin ([d441d2a](https://github.com/material-components/material-components-web/commit/d441d2a2ac5a4a69db1fd867a6bf959b1f7492cd))
* **formfield:** Extract `theme-styles` mixin ([48d3001](https://github.com/material-components/material-components-web/commit/48d30012d6605a3038d912d455b98a5f528c2760))

@@ -55,9 +55,9 @@ /**

},
deregisterInteractionHandler: function (evtType, handler) {
deregisterInteractionHandler: function (eventType, handler) {
var _a;
(_a = _this.labelEl()) === null || _a === void 0 ? void 0 : _a.removeEventListener(evtType, handler);
(_a = _this.labelEl()) === null || _a === void 0 ? void 0 : _a.removeEventListener(eventType, handler);
},
registerInteractionHandler: function (evtType, handler) {
registerInteractionHandler: function (eventType, handler) {
var _a;
(_a = _this.labelEl()) === null || _a === void 0 ? void 0 : _a.addEventListener(evtType, handler);
(_a = _this.labelEl()) === null || _a === void 0 ? void 0 : _a.addEventListener(eventType, handler);
},

@@ -64,0 +64,0 @@ };

{
"name": "@material/form-field",
"description": "Material Components for the web wrapper for laying out form fields and labels next to one another",
"version": "15.0.0-canary.23073a303.0",
"version": "15.0.0-canary.2528c1c3b.0",
"license": "MIT",

@@ -20,11 +20,11 @@ "keywords": [

"dependencies": {
"@material/base": "15.0.0-canary.23073a303.0",
"@material/feature-targeting": "15.0.0-canary.23073a303.0",
"@material/ripple": "15.0.0-canary.23073a303.0",
"@material/rtl": "15.0.0-canary.23073a303.0",
"@material/theme": "15.0.0-canary.23073a303.0",
"@material/typography": "15.0.0-canary.23073a303.0",
"@material/base": "15.0.0-canary.2528c1c3b.0",
"@material/feature-targeting": "15.0.0-canary.2528c1c3b.0",
"@material/ripple": "15.0.0-canary.2528c1c3b.0",
"@material/rtl": "15.0.0-canary.2528c1c3b.0",
"@material/theme": "15.0.0-canary.2528c1c3b.0",
"@material/typography": "15.0.0-canary.2528c1c3b.0",
"tslib": "^2.1.0"
},
"gitHead": "2d7826e2ebf1c1fde12f47b603e66ec0df229a8f"
"gitHead": "98b5b57bd5356f48610a254e8c4acff388d5fb7b"
}

@@ -40,3 +40,3 @@ <!--docs:

</div>
<label for="my-checkbox">This is my checkbox</label>
<label class="mdc-label" for="my-checkbox">This is my checkbox</label>
</div>

@@ -76,3 +76,3 @@ ```

</div>
<label for="my-checkbox">This is my checkbox</label>
<label class="mdc-label" for="my-checkbox">This is my checkbox</label>
</div>

@@ -93,3 +93,3 @@ ```

</div>
<label for="my-checkbox">This some really really really long text</label>
<label class="mdc-label" for="my-checkbox">This some really really really long text</label>
</div>

@@ -102,3 +102,3 @@ ```

--- | --- | ---
`input` | String | Gets and sets the form field input.
`input` | String | Gets and sets the form field input.

@@ -105,0 +105,0 @@ In order for the label ripple integration to work correctly, the `input` property needs to be set to a valid instance of an MDC Web input element which exposes a `ripple` getter. No action is taken if the `input` property is not set or the input instance doesn't expose a `ripple` getter.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

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