bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-15 07:43:35 +00:00
Code Issues Releases Wiki Activity

[CL-133] add skip links to bit-layout (#7213)

Browse Source 
* Add light LinkType to link directive

* add skip link to bit-layout; update i18n for all apps

* install storybook interaction testing packages

* update storybook config

* add skiplink story to bit-layout

* update route and focus logic

* remove focus ring
This commit is contained in:
Will Martin
2023-12-15 09:06:05 -05:00
committed by GitHub
parent b73d73b508
commit e102919c2f
10 changed files with 642 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
libs/components/src/link/link.directive.ts
View File

@@ -1,6 +1,6 @@
import { Input, HostBinding, Directive } from "@angular/core";
export type LinkType = "primary" | "secondary" | "contrast";
export type LinkType = "primary" | "secondary" | "contrast" | "light";
const linkStyles: Record<LinkType, string[]> = {
primary: [
@@ -21,6 +21,12 @@ const linkStyles: Record<LinkType, string[]> = {
"focus-visible:before:tw-ring-text-contrast",
"disabled:!tw-text-contrast/60",
],
light: [
"!tw-text-alt2",
"hover:!tw-text-alt2",
"focus-visible:before:tw-ring-text-alt2",
"disabled:!tw-text-alt2/60",
],
};
const commonStyles = [