@brightspace-ui-labs/navigation - npm Package Compare versions

Comparing version 5.2.1 to 5.2.2

d2l-navigation-link-back.js

		@@ -65,6 +65,2 @@ import './d2l-navigation-link.js';
		}
		span, d2l-icon {
		vertical-align: middle;
		height: 100%;
		}
		</style>
		@@ -71,0 +67,0 @@ <d2l-navigation-link href="[[href]]" class="d2l-focusable" text="[[_getDisplayText(text, localize)]]">

d2l-navigation-link.js

		@@ -30,16 +30,20 @@ import '@brightspace-ui/polymer-behaviors/d2l-focusable-behavior.js';
		:host {
		display: flex;
		display: inline-block;
		height: 100%;
		}
		a {
		@apply --d2l-navigation-highlight-base;
		font-family: inherit;
		outline: none; /* Needed for Edge, outline setting from css mixin is not being applied in Polymer 2 & 3 */
		align-items: center;
		color: var(--d2l-color-ferrite);
		display: inline-flex;
		height: 100%;
		min-height: 40px;
		position: relative;
		text-decoration: none;
		vertical-align: middle;
		}
		:host(:not([href])) a {
		cursor: default;
		}
		a:hover,
		a:focus {
		@apply --d2l-navigation-highlight-base-hover-focus;
		color: var(--d2l-color-celestine);
		--d2l-icon-fill-color: var(--d2l-color-celestine);
		outline: none;
		}
		@@ -53,7 +57,8 @@ a:hover .d2l-navigation-link-top-border,
		}
		:host(:not([href])) .d2l-navigation-link-top-border {
		display: none;
		}
		</style>
		<a class="d2l-focusable" href$="[[href]]" title$="[[text]]">
		<template is="dom-if" if="[[href]]">
		<span class="d2l-navigation-link-top-border"></span>
		</template>
		<a href$="[[href]]" title$="[[text]]">
		<span class="d2l-navigation-link-top-border"></span>
		<slot></slot>
		@@ -60,0 +65,0 @@ </a>

package.json

		{
		"name": "@brightspace-ui-labs/navigation",
		"version": "5.2.1",
		"version": "5.2.2",
		"repository": "https://github.com/BrightspaceUILabs/navigation.git",
		@@ -5,0 +5,0 @@ "scripts": {

README.md

		@@ -239,7 +239,7 @@ # navigation
		# run visual-diff tests
		npx mocha './test/*/.visual-diff.js' -t 10000
		npx mocha './test/*/.visual-diff.mjs' -t 10000
		# subset of visual-diff tests:
		npx mocha './test/*/.visual-diff.js' -t 10000 -g some-pattern
		npx mocha './test/*/.visual-diff.mjs' -t 10000 -g some-pattern
		# update visual-diff goldens
		npx mocha './test/*/.visual-diff.js' -t 10000 --golden
		npx mocha './test/*/.visual-diff.mjs' -t 10000 --golden
		```
		@@ -246,0 +246,0 @@

New alerts