Socket
Socket
Sign inDemoInstall

@material/icon-button

Package Overview
Dependencies
Maintainers
14
Versions
1664
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/icon-button - npm Package Compare versions

Comparing version 15.0.0-canary.8175d5eff.0 to 15.0.0-canary.819498d8c.0

2

adapter.d.ts

@@ -38,3 +38,3 @@ /**

setAttr(attrName: string, attrValue: string): void;
notifyChange(evtData: MDCIconButtonToggleEventDetail): void;
notifyChange(eventData: MDCIconButtonToggleEventDetail): void;
}

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

# [15.0.0-canary.8175d5eff.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.8175d5eff.0) (2022-12-28)
# [15.0.0-canary.819498d8c.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.819498d8c.0) (2024-03-15)

@@ -12,2 +12,4 @@

* `aria label` lint error in strings ([7f224dd](https://github.com/material-components/material-components-web/commit/7f224ddd44f8ee0d2203103dd4ce6b2886dba72c))
* Use state-layer-size to correctly position the icon inside of an icon button ([0270229](https://github.com/material-components/material-components-web/commit/02702296e31ef8f9e3068017c73b4740eb56b9cf))
* **button:** Attribute `hidden` now correctly hides the button. ([88db019](https://github.com/material-components/material-components-web/commit/88db019902ca09811794b202d66ce1f9f2e54aec))

@@ -22,2 +24,4 @@ * **button:** Refactored HCM focus ring into a base style with display: none so mixins can be applied to both a visible non-HCM ring and the HCM ring without extra specificity to override ripple-theme.focus selectors ([6a61d62](https://github.com/material-components/material-components-web/commit/6a61d62f6b2b1f6b4bcf7477bdad46ba4139e5c8))

* **button:** Ripple styles do not update on hover for disabled buttons. ([bf86521](https://github.com/material-components/material-components-web/commit/bf86521f45b74c35f2f443dfb41a0c8361b5cf2c))
* **button:** Support state-layer-color theming for buttons and icon-buttons ([127a44b](https://github.com/material-components/material-components-web/commit/127a44b284698c40533b2e52cd0311ec689aa026))
* Update icon button theme `size` function to be able to accept values with rem units. ([0e3dc8e](https://github.com/material-components/material-components-web/commit/0e3dc8e3892e2cda93062eb64ff498dbc18203f3))

@@ -61,4 +61,4 @@ /**

hasClass: function (className) { return _this.root.classList.contains(className); },
notifyChange: function (evtData) {
_this.emit(strings.CHANGE_EVENT, evtData);
notifyChange: function (eventData) {
_this.emit(strings.CHANGE_EVENT, eventData);
},

@@ -70,3 +70,3 @@ removeClass: function (className) {

setAttr: function (attrName, attrValue) {
_this.root.setAttribute(attrName, attrValue);
_this.safeSetAttribute(_this.root, attrName, attrValue);
},

@@ -73,0 +73,0 @@ };

@@ -28,3 +28,3 @@ /**

/**
* Whether the icon button has an aria label that changes depending on
* Whether the icon button has an aria-label that changes depending on
* toggled state.

@@ -31,0 +31,0 @@ */

@@ -32,3 +32,3 @@ /**

/**
* Whether the icon button has an aria label that changes depending on
* Whether the icon button has an aria-label that changes depending on
* toggled state.

@@ -73,3 +73,3 @@ */

throw new Error('MDCIconButtonToggleFoundation: Button should not set ' +
'`aria-pressed` if it has a toggled aria label.');
'`aria-pressed` if it has a toggled ARIA label.');
}

@@ -76,0 +76,0 @@ this.hasToggledAriaLabel = true;

{
"name": "@material/icon-button",
"description": "The Material Components for the web icon button component",
"version": "15.0.0-canary.8175d5eff.0",
"version": "15.0.0-canary.819498d8c.0",
"license": "MIT",

@@ -22,12 +22,12 @@ "main": "dist/mdc.iconButton.js",

"dependencies": {
"@material/base": "15.0.0-canary.8175d5eff.0",
"@material/density": "15.0.0-canary.8175d5eff.0",
"@material/dom": "15.0.0-canary.8175d5eff.0",
"@material/elevation": "15.0.0-canary.8175d5eff.0",
"@material/feature-targeting": "15.0.0-canary.8175d5eff.0",
"@material/focus-ring": "15.0.0-canary.8175d5eff.0",
"@material/ripple": "15.0.0-canary.8175d5eff.0",
"@material/rtl": "15.0.0-canary.8175d5eff.0",
"@material/theme": "15.0.0-canary.8175d5eff.0",
"@material/touch-target": "15.0.0-canary.8175d5eff.0",
"@material/base": "15.0.0-canary.819498d8c.0",
"@material/density": "15.0.0-canary.819498d8c.0",
"@material/dom": "15.0.0-canary.819498d8c.0",
"@material/elevation": "15.0.0-canary.819498d8c.0",
"@material/feature-targeting": "15.0.0-canary.819498d8c.0",
"@material/focus-ring": "15.0.0-canary.819498d8c.0",
"@material/ripple": "15.0.0-canary.819498d8c.0",
"@material/rtl": "15.0.0-canary.819498d8c.0",
"@material/theme": "15.0.0-canary.819498d8c.0",
"@material/touch-target": "15.0.0-canary.819498d8c.0",
"tslib": "^2.1.0"

@@ -38,3 +38,3 @@ },

},
"gitHead": "c3bb551a6b32480853dcc8e29f7f8513d62154a2"
"gitHead": "886876a8252aacefe1942b13ba9251af9204bcdd"
}

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

`setAttr(name: string, value: string) => void` | Sets the attribute `name` to `value` on the root element.
`notifyChange(evtData: {isOn: boolean}) => void` | Broadcasts a change notification, passing along the `evtData` to the environment's event handling system. In our vanilla implementation, Custom Events are used for this.
`notifyChange(eventData: {isOn: boolean}) => void` | Broadcasts a change notification, passing along the `eventData` to the environment's event handling system. In our vanilla implementation, Custom Events are used for this.

@@ -220,0 +220,0 @@ ### `MDCIconButtonToggleFoundation`

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 too big to display

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