@visma-swno/vsn-navigation 1.2.0-beta.4 → 1.2.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -579,20 +579,27 @@ var z = class extends e {
579
579
 
580
580
  :host {
581
581
  display: block;
582
- border-radius: calc(var(--ga-radius) * var(--ga-base-scaling-factor, 1));
583
582
  cursor: pointer;
583
+ outline-style: none;
584
584
  }
585
585
 
586
586
  :host(:hover) {
587
587
  background-color: var(--ga-color-surface-action-hover-2);
588
588
  }
589
589
 
590
- :host(:focus-visible) {
591
- outline: calc(2px * var(--ga-base-scaling-factor, 1)) solid var(--ga-color-border-focus);
592
- outline-offset: calc(4px * var(--ga-base-scaling-factor, 1));
590
+ :host(:focus-visible) > .row::after {
591
+ position: absolute;
592
+ inset: 3px;
593
+ border-radius: calc(var(--ga-radius) * var(--ga-base-scaling-factor, 1));
594
+ border-style: var(--tw-border-style);
595
+ border-width: 2px;
596
+ border-color: var(--ga-color-border-focus);
597
+ --tw-content: '';
598
+ content: var(--tw-content);
593
599
  }
594
600
 
595
601
  .row {
602
+ position: relative;
596
603
  display: flex;
597
604
  align-items: center;
598
605
  /* spacing-04 padding-block + 20px label line-height = 44px row,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visma-swno/vsn-navigation",
3
- "version": "1.2.0-beta.4",
3
+ "version": "1.2.0-beta.5",
4
4
  "type": "module",
5
5
  "customElements": "dist/custom-elements.json",
6
6
  "exports": {