@lion/button - npm Package Compare versions

Comparing version 0.14.5 to 0.15.0

CHANGELOG.md

		# Change Log

		## 0.15.0

		### Minor Changes

		- 2b583ee7: Remove differentKeyEventNamesShimIE, since IE11 isn't supported any more

		### Patch Changes

		- 30805edf: Replace deprecated node folder exports with wildcard exports for docs
		- be844663: Increase minimum click area to meet WCAG Success Criterion 2.5.5 Target Size (Enhanced)
		- 2bd3c521: Rename customElementsManifest to customElements in package.json
		- Updated dependencies [30805edf]
		- Updated dependencies [495cb0c5]
		- Updated dependencies [2b583ee7]
		- Updated dependencies [83011918]
		- @lion/core@0.20.0

		## 0.14.5
		@@ -4,0 +21,0 @@

docs/features.md

		@@ -26,2 +26,4 @@ # Interaction >> Button >> Features \|\|20

		The minimum click area needs to be at least `44px` by `44px` according to [WCAG Success Criterion 2.5.5 Target Size (Enhanced)](https://www.w3.org/TR/WCAG22/#target-size-enhanced).

		```js preview-story
		@@ -28,0 +30,0 @@ export const minimumClickArea = () => html` <style>

package.json

		{
		"name": "@lion/button",
		"version": "0.14.5",
		"version": "0.15.0",
		"description": "A button that is easily styleable and accessible in all contexts",
		@@ -42,3 +42,3 @@ "license": "MIT",
		"dependencies": {
		"@lion/core": "0.19.0"
		"@lion/core": "0.20.0"
		},
		@@ -53,3 +53,3 @@ "keywords": [
		},
		"customElementsManifest": "custom-elements.json",
		"customElements": "custom-elements.json",
		"exports": {
		@@ -61,4 +61,5 @@ ".": "./index.js",
		"./define": "./define.js",
		"./docs/": "./docs/"
		}
		"./docs/": "./docs/"
		},
		"customElementsManifest": "custom-elements.json"
		}

src/LionButton.js

		import { browserDetection, css, DisabledWithTabIndexMixin, html, LitElement } from '@lion/core';
		import '@lion/core/differentKeyEventNamesShimIE';

		@@ -70,6 +69,5 @@ const isKeyboardClickEvent = (/** @type {KeyboardEvent} */ e) => e.key === ' ' \|\| e.key === 'Enter';

		/* touch area (comes into play when button height goes below this one) */
		/* src = https://www.smashingmagazine.com/2012/02/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/ */
		min-height: 40px;
		min-width: 40px;
		/* Minimum click area to meet [WCAG Success Criterion 2.5.5 Target Size (Enhanced)](https://www.w3.org/TR/WCAG22/#target-size-enhanced) */
		min-height: 44px;
		min-width: 44px;
		width: 100%;
		@@ -76,0 +74,0 @@ height: 100%;

New alerts