@material/icon-button - npm Package Compare versions

CHANGELOG.md

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

		# [15.0.0-canary.c5018840c.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.c5018840c.0) (2022-07-18)
		# [15.0.0-canary.c64a2776e.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.c64a2776e.0) (2023-06-27)

		@@ -16,1 +16,8 @@
		* iconbutton: Extract focus ring display properties into static styles to prevent customization via density mixins from overriding focus ring display conditions ([3c7b844](https://github.com/material-components/material-components-web/commit/3c7b844c2a27c678d9be5e93f9845dd8efda5835))
		* iconbutton: support custom properties as values for an icon button ([68aaed9](https://github.com/material-components/material-components-web/commit/68aaed940081f45cc1730e684c70e132793b6633))


		### Features

		* button: Ripple styles do not update on hover for disabled buttons. ([bf86521](https://github.com/material-components/material-components-web/commit/bf86521f45b74c35f2f443dfb41a0c8361b5cf2c))
		* 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))

component.d.ts

		@@ -26,2 +26,3 @@ /**
		import { MDCIconButtonToggleFoundation } from './foundation';
		/** MDC Icon Button Toggle */
		export declare class MDCIconButtonToggle extends MDCComponent<MDCIconButtonToggleFoundation> {
		@@ -28,0 +29,0 @@ static attachTo(root: HTMLElement): MDCIconButtonToggle;

component.js

		@@ -28,2 +28,3 @@ /**
		var strings = MDCIconButtonToggleFoundation.strings;
		/** MDC Icon Button Toggle */
		var MDCIconButtonToggle = /** @class */ (function (_super) {
		@@ -53,6 +54,9 @@ __extends(MDCIconButtonToggle, _super);
		var _this = this;
		// DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
		// To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
		// DO NOT INLINE this variable. For backward compatibility, foundations take
		// a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
		// methods, we need a separate, strongly typed adapter variable.
		var adapter = {
		addClass: function (className) { return _this.root.classList.add(className); },
		addClass: function (className) {
		_this.root.classList.add(className);
		},
		hasClass: function (className) { return _this.root.classList.contains(className); },
		@@ -62,6 +66,8 @@ notifyChange: function (evtData) {
		},
		removeClass: function (className) { return _this.root.classList.remove(className); },
		removeClass: function (className) {
		_this.root.classList.remove(className);
		},
		getAttr: function (attrName) { return _this.root.getAttribute(attrName); },
		setAttr: function (attrName, attrValue) {
		return _this.root.setAttribute(attrName, attrValue);
		_this.safeSetAttribute(_this.root, attrName, attrValue);
		},
		@@ -68,0 +74,0 @@ };

foundation.d.ts

		@@ -25,2 +25,3 @@ /**
		import { MDCIconButtonToggleAdapter } from './adapter';
		/** MDC Icon Button Toggle Foundation */
		export declare class MDCIconButtonToggleFoundation extends MDCFoundation<MDCIconButtonToggleAdapter> {
		@@ -27,0 +28,0 @@ /**

foundation.js

		@@ -26,2 +26,3 @@ /**
		import { cssClasses, strings } from './constants';
		/** MDC Icon Button Toggle Foundation */
		var MDCIconButtonToggleFoundation = /** @class */ (function (_super) {
		@@ -28,0 +29,0 @@ __extends(MDCIconButtonToggleFoundation, _super);

package.json

		{
		"name": "@material/icon-button",
		"description": "The Material Components for the web icon button component",
		"version": "15.0.0-canary.c5018840c.0",
		"version": "15.0.0-canary.c64a2776e.0",
		"license": "MIT",
		@@ -22,12 +22,12 @@ "main": "dist/mdc.iconButton.js",
		"dependencies": {
		"@material/base": "15.0.0-canary.c5018840c.0",
		"@material/density": "15.0.0-canary.c5018840c.0",
		"@material/dom": "15.0.0-canary.c5018840c.0",
		"@material/elevation": "15.0.0-canary.c5018840c.0",
		"@material/feature-targeting": "15.0.0-canary.c5018840c.0",
		"@material/focus-ring": "15.0.0-canary.c5018840c.0",
		"@material/ripple": "15.0.0-canary.c5018840c.0",
		"@material/rtl": "15.0.0-canary.c5018840c.0",
		"@material/theme": "15.0.0-canary.c5018840c.0",
		"@material/touch-target": "15.0.0-canary.c5018840c.0",
		"@material/base": "15.0.0-canary.c64a2776e.0",
		"@material/density": "15.0.0-canary.c64a2776e.0",
		"@material/dom": "15.0.0-canary.c64a2776e.0",
		"@material/elevation": "15.0.0-canary.c64a2776e.0",
		"@material/feature-targeting": "15.0.0-canary.c64a2776e.0",
		"@material/focus-ring": "15.0.0-canary.c64a2776e.0",
		"@material/ripple": "15.0.0-canary.c64a2776e.0",
		"@material/rtl": "15.0.0-canary.c64a2776e.0",
		"@material/theme": "15.0.0-canary.c64a2776e.0",
		"@material/touch-target": "15.0.0-canary.c64a2776e.0",
		"tslib": "^2.1.0"
		@@ -38,3 +38,3 @@ },
		},
		"gitHead": "c86de383c50b7d72b8c5cf908c5fdf3e6efa94c4"
		"gitHead": "271b0c446646af573f67960820b6b2a86a9bda88"
		}

_icon-button-theme.scss