@navikt/ds-css 7.20.0 → 7.21.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @navikt/ds-css
 
+## 7.21.1
+
+### Patch Changes
+
+- Timeline: Add focus-markings to Popover dialogs. ([#3768](https://github.com/navikt/aksel/pull/3768))
+
+## 7.21.0
+
+### Patch Changes
+
+- Darkside: Update Chips.Toggle hover-border. ([#3738](https://github.com/navikt/aksel/pull/3738))
+
 ## 7.20.0
 
 ### Minor Changes

package/darkside/chips.darkside.css

@@ -73,9 +73,11 @@
   box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
   background-color: var(--ax-bg-accent-moderate);
   color: var(--ax-text-accent);
+  transition: box-shadow 200ms cubic-bezier(0.15, 1, 0.3, 1);
 
   &:hover {
     background-color: var(--ax-bg-accent-moderate-hover);
+    box-shadow: inset 0 0 0 1px var(--ax-border-accent);
   }
 
   &[data-pressed="true"] {
@@ -93,9 +95,11 @@
   box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
   background-color: var(--ax-bg-neutral-moderate);
   color: var(--ax-text-neutral);
+  transition: box-shadow 200ms cubic-bezier(0.15, 1, 0.3, 1);
 
   &:hover {
     background-color: var(--ax-bg-neutral-moderate-hover);
+    box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
   }
 
   &[data-pressed="true"] {

package/darkside/tag.darkside.css

@@ -14,6 +14,7 @@
   padding: var(--ax-space-2) var(--ax-space-8);
   min-height: 2rem;
   line-height: 1;
+  text-decoration: none;
 
   &:has(.aksel-tag__icon--left) {
     gap: var(--ax-space-2);

package/darkside/timeline.darkside.css

@@ -322,6 +322,11 @@
   border-color: var(--ax-border-neutral-subtleA);
   border-radius: var(--ax-border-radius-large);
   padding: var(--ax-space-16) var(--ax-space-20);
+
+  &:focus-visible {
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+  }
 }
 
 @media (forced-colors: active) {

package/dist/component/timeline.css

@@ -360,6 +360,7 @@
 }
 
 .navds-timeline__popover:focus {
+  box-shadow: var(--a-shadow-focus);
   outline: none;
 }
 

package/dist/component/timeline.min.css

@@ -1 +1 @@
-.navds-timeline{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:fit-content;position:relative;width:100%}.navds-timeline__axislabels{box-sizing:initial;grid-column:2;height:1rem;margin-bottom:var(--a-spacing-1);position:relative}.navds-timeline__row-label{align-items:center;display:flex;gap:var(--a-spacing-2);grid-column:1;margin-right:var(--a-spacing-4);min-height:1.5rem;white-space:nowrap;width:auto}.navds-timeline__row-label:where(:nth-last-child(2)){align-self:flex-end}.navds-timeline__axislabels-label{color:var(--ac-timeline-axislabel-text,var(--a-text-subtle));position:absolute;white-space:nowrap}.navds-timeline__row{background:var(--ac-timeline-row-bg,var(--a-surface-subtle));display:flex;grid-column:2;margin:var(--a-spacing-4) 0}.navds-timeline__row--active{background:var(--ac-timeline-row-active-bg,var(--a-surface-selected))}.navds-timeline__row:last-of-type{margin-bottom:0}.navds-timeline__row-periods{margin:0;min-height:1.5rem;position:relative;width:100%}.navds-timeline__row-periods>li{list-style-type:none}.navds-timeline__row-periods:focus{outline:none}.navds-timeline__period{align-items:center;border:none;border-radius:var(--a-border-radius-full);display:flex;font-size:1rem;height:100%;padding:0;position:absolute;z-index:2}.navds-timeline__period--inner{align-items:center;display:flex;margin:0 var(--a-spacing-1);overflow:hidden;text-align:left;text-overflow:clip;white-space:nowrap}.navds-timeline__period--inner svg{flex-shrink:0}.navds-timeline__period--clickable{cursor:pointer}.navds-timeline__period--success{background:var(--ac-timeline-period-success-bg,var(--a-surface-success-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-success-border,var(--a-border-success))}.navds-timeline__period--success.navds-timeline__period--clickable:hover{background:var(--a-surface-success-subtle-hover);background:var(--ac-timeline-period-success-bg-hover,var(--a-surface-success-subtle-hover))}.navds-timeline__period--warning{background:var(--ac-timeline-period-warning-bg,var(--a-surface-warning-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-warning-border,var(--a-border-warning))}.navds-timeline__period--warning.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-warning-bg-hover,var(--a-surface-warning-subtle-hover))}.navds-timeline__period--danger{background:var(--ac-timeline-period-danger-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-danger-border,var(--a-border-danger))}.navds-timeline__period--danger.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-danger-bg-hover,var(--a-surface-danger-subtle-hover))}.navds-timeline__period--info{background:var(--ac-timeline-period-info-bg,var(--a-surface-info-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-info-border,var(--a-border-info))}.navds-timeline__period--info.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-info-bg-hover,var(--a-surface-info-subtle-hover))}.navds-timeline__period--neutral{background:var(--ac-timeline-period-neutral-bg,var(--a-bg-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-neutral-border,var(--a-border-default))}.navds-timeline__period--neutral.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-neutral-bg-hover,var(--a-gray-200))}.navds-timeline__period--connected-both{border-radius:0}.navds-timeline__period--connected-right{border-bottom-right-radius:0;border-top-right-radius:0}.navds-timeline__period--connected-left{border-bottom-left-radius:0;border-top-left-radius:0}.navds-timeline__period--selected{box-shadow:inset 0 0 0 2px var(--ac-timeline-period-selected-border,var(--a-border-action-selected));z-index:3}.navds-timeline__pin-wrapper{display:flex;flex-direction:column-reverse;grid-column:2;height:100%;isolation:isolate;position:absolute;top:0;z-index:1;--navdsc-timeline-pin-size:0.9rem}.navds-timeline__pin-button{background:var(--a-surface-default);border:none;border-radius:var(--a-border-radius-full);box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 4px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 5px var(--a-surface-default);cursor:pointer;padding:var(--a-spacing-1);position:relative;z-index:2}.navds-timeline__pin-button:before{border-radius:var(--a-border-radius-full);content:"";height:25px;inset:0;left:-9px;position:absolute;top:-9px;width:25px}.navds-timeline__pin-button:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 3px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus);outline:none}.navds-timeline__pin-button:hover{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 4px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 5px var(--a-surface-default)}.navds-timeline__pin-button:hover:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 3px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-timeline__pin-button:focus{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 3px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus);outline:none}.navds-timeline__pin-button:hover:focus{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 3px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus)}}.navds-timeline__pin-wrapper:before{background:var(--a-surface-inverted);content:"";height:calc(100% - var(--navdsc-timeline-pin-size)*2);margin:0 auto;top:var(--navdsc-timeline-pin-size);width:1px}.navds-timeline__zoom{display:flex;float:right;list-style-type:none;margin-top:var(--a-spacing-6)}.navds-timeline__zoom-button{all:unset;background:var(--ac-timeline-zoom-bg,var(--a-surface-default));border-width:1px;border:1px solid var(--ac-timeline-zoom-border,var(--a-border-default));border-right-width:0;cursor:pointer;padding:6px 9px 6px 8px}.navds-timeline__zoom li:first-child .navds-timeline__zoom-button{border-radius:var(--a-border-radius-medium) 0 0 var(--a-border-radius-medium)}.navds-timeline__zoom li:last-child .navds-timeline__zoom-button{border-radius:0 var(--a-border-radius-medium) var(--a-border-radius-medium) 0;border-width:1px}.navds-timeline__zoom li:only-child .navds-timeline__zoom-button{border-radius:var(--a-border-radius-medium)}.navds-timeline__zoom-button:not([aria-pressed=true]):hover{background:var(--ac-timeline-zoom-bg-hover,var(--a-surface-action-subtle-hover))}.navds-timeline__zoom-button[aria-pressed=true]{background:var(--ac-timeline-zoom-selected-bg,var(--a-surface-inverted));color:var(--ac-timeline-zoom-selected-text,var(--a-text-on-inverted))}.navds-timeline__period:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus);outline:none;z-index:4}.navds-timeline__period--selected:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-timeline-period-selected-border,var(--a-border-action-selected)),0 0 0 2px var(--a-border-focus);z-index:3}.navds-timeline__zoom li:focus-within{z-index:var(--a-z-index-focus)}.navds-timeline__zoom-button:focus-visible{border-width:1px;box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 3px var(--a-border-focus)}.navds-timeline__zoom li:not(:last-child) .navds-timeline__zoom-button:focus-visible{margin-right:2px;padding-right:6px}@supports not selector(:focus-visible){.navds-timeline__period:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none;z-index:4}.navds-timeline__period--selected:focus{box-shadow:inset 0 0 0 2px var(--ac-timeline-period-selected-border,var(--a-border-action-selected)),0 0 0 2px var(--a-border-focus);z-index:3}.navds-timeline__zoom-button:focus{border-width:1px;box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 3px var(--a-border-focus)}.navds-timeline__zoom li:not(:last-child) .navds-timeline__zoom-button:focus{margin-right:2px;padding-right:6px}}.navds-timeline__popover{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);padding:var(--a-spacing-3);z-index:var(--a-z-index-popover)}.navds-timeline__popover:focus{outline:none}.navds-timeline__popover-arrow{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));height:1rem;position:absolute;transform:rotate(45deg);width:1rem;z-index:-1}.navds-timeline__popover[data-placement^=top]>.navds-timeline__popover-arrow{border-left-color:#0000;border-top-color:#0000}.navds-timeline__popover[data-placement^=bottom]>.navds-timeline__popover-arrow{border-bottom-color:#0000;border-right-color:#0000}.navds-timeline__popover[data-placement^=left]>.navds-timeline__popover-arrow{border-bottom-color:#0000;border-left-color:#0000}.navds-timeline__popover[data-placement^=right]>.navds-timeline__popover-arrow{border-right-color:#0000;border-top-color:#0000}@media (forced-colors:active){.navds-timeline__period:focus{outline:2px solid highlight;outline-offset:2px}.navds-timeline__period--danger,.navds-timeline__period--info,.navds-timeline__period--neutral,.navds-timeline__period--success,.navds-timeline__period--warning{forced-color-adjust:none}.navds-timeline__pin-wrapper:before,.navds-timeline__row{border:1px solid #0000}.navds-timeline__pin-button{outline:4px solid #0000}.navds-timeline__pin-button:focus,.navds-timeline__pin-button:focus-visible{box-shadow:none;outline:4px solid highlight;outline-offset:2px}.navds-timeline__popover[data-placement^=top]>.navds-timeline__popover-arrow{border-left-color:canvas;border-top-color:canvas}.navds-timeline__popover[data-placement^=bottom]>.navds-timeline__popover-arrow{border-bottom-color:canvas;border-right-color:canvas}.navds-timeline__popover[data-placement^=left]>.navds-timeline__popover-arrow{border-bottom-color:canvas;border-left-color:canvas}.navds-timeline__popover[data-placement^=right]>.navds-timeline__popover-arrow{border-right-color:canvas;border-top-color:canvas}}
+.navds-timeline{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:fit-content;position:relative;width:100%}.navds-timeline__axislabels{box-sizing:initial;grid-column:2;height:1rem;margin-bottom:var(--a-spacing-1);position:relative}.navds-timeline__row-label{align-items:center;display:flex;gap:var(--a-spacing-2);grid-column:1;margin-right:var(--a-spacing-4);min-height:1.5rem;white-space:nowrap;width:auto}.navds-timeline__row-label:where(:nth-last-child(2)){align-self:flex-end}.navds-timeline__axislabels-label{color:var(--ac-timeline-axislabel-text,var(--a-text-subtle));position:absolute;white-space:nowrap}.navds-timeline__row{background:var(--ac-timeline-row-bg,var(--a-surface-subtle));display:flex;grid-column:2;margin:var(--a-spacing-4) 0}.navds-timeline__row--active{background:var(--ac-timeline-row-active-bg,var(--a-surface-selected))}.navds-timeline__row:last-of-type{margin-bottom:0}.navds-timeline__row-periods{margin:0;min-height:1.5rem;position:relative;width:100%}.navds-timeline__row-periods>li{list-style-type:none}.navds-timeline__row-periods:focus{outline:none}.navds-timeline__period{align-items:center;border:none;border-radius:var(--a-border-radius-full);display:flex;font-size:1rem;height:100%;padding:0;position:absolute;z-index:2}.navds-timeline__period--inner{align-items:center;display:flex;margin:0 var(--a-spacing-1);overflow:hidden;text-align:left;text-overflow:clip;white-space:nowrap}.navds-timeline__period--inner svg{flex-shrink:0}.navds-timeline__period--clickable{cursor:pointer}.navds-timeline__period--success{background:var(--ac-timeline-period-success-bg,var(--a-surface-success-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-success-border,var(--a-border-success))}.navds-timeline__period--success.navds-timeline__period--clickable:hover{background:var(--a-surface-success-subtle-hover);background:var(--ac-timeline-period-success-bg-hover,var(--a-surface-success-subtle-hover))}.navds-timeline__period--warning{background:var(--ac-timeline-period-warning-bg,var(--a-surface-warning-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-warning-border,var(--a-border-warning))}.navds-timeline__period--warning.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-warning-bg-hover,var(--a-surface-warning-subtle-hover))}.navds-timeline__period--danger{background:var(--ac-timeline-period-danger-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-danger-border,var(--a-border-danger))}.navds-timeline__period--danger.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-danger-bg-hover,var(--a-surface-danger-subtle-hover))}.navds-timeline__period--info{background:var(--ac-timeline-period-info-bg,var(--a-surface-info-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-info-border,var(--a-border-info))}.navds-timeline__period--info.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-info-bg-hover,var(--a-surface-info-subtle-hover))}.navds-timeline__period--neutral{background:var(--ac-timeline-period-neutral-bg,var(--a-bg-subtle));box-shadow:inset 0 0 0 1px var(--ac-timeline-period-neutral-border,var(--a-border-default))}.navds-timeline__period--neutral.navds-timeline__period--clickable:hover{background:var(--ac-timeline-period-neutral-bg-hover,var(--a-gray-200))}.navds-timeline__period--connected-both{border-radius:0}.navds-timeline__period--connected-right{border-bottom-right-radius:0;border-top-right-radius:0}.navds-timeline__period--connected-left{border-bottom-left-radius:0;border-top-left-radius:0}.navds-timeline__period--selected{box-shadow:inset 0 0 0 2px var(--ac-timeline-period-selected-border,var(--a-border-action-selected));z-index:3}.navds-timeline__pin-wrapper{display:flex;flex-direction:column-reverse;grid-column:2;height:100%;isolation:isolate;position:absolute;top:0;z-index:1;--navdsc-timeline-pin-size:0.9rem}.navds-timeline__pin-button{background:var(--a-surface-default);border:none;border-radius:var(--a-border-radius-full);box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 4px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 5px var(--a-surface-default);cursor:pointer;padding:var(--a-spacing-1);position:relative;z-index:2}.navds-timeline__pin-button:before{border-radius:var(--a-border-radius-full);content:"";height:25px;inset:0;left:-9px;position:absolute;top:-9px;width:25px}.navds-timeline__pin-button:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 3px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus);outline:none}.navds-timeline__pin-button:hover{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 4px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 5px var(--a-surface-default)}.navds-timeline__pin-button:hover:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 3px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-timeline__pin-button:focus{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 3px var(--ac-timeline-pin-bg,var(--a-surface-danger)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus);outline:none}.navds-timeline__pin-button:hover:focus{box-shadow:inset 0 0 0 1px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 3px var(--ac-timeline-pin-bg-hover,var(--a-surface-danger-hover)),0 0 0 4px var(--a-surface-default),0 0 0 6px var(--a-border-focus)}}.navds-timeline__pin-wrapper:before{background:var(--a-surface-inverted);content:"";height:calc(100% - var(--navdsc-timeline-pin-size)*2);margin:0 auto;top:var(--navdsc-timeline-pin-size);width:1px}.navds-timeline__zoom{display:flex;float:right;list-style-type:none;margin-top:var(--a-spacing-6)}.navds-timeline__zoom-button{all:unset;background:var(--ac-timeline-zoom-bg,var(--a-surface-default));border-width:1px;border:1px solid var(--ac-timeline-zoom-border,var(--a-border-default));border-right-width:0;cursor:pointer;padding:6px 9px 6px 8px}.navds-timeline__zoom li:first-child .navds-timeline__zoom-button{border-radius:var(--a-border-radius-medium) 0 0 var(--a-border-radius-medium)}.navds-timeline__zoom li:last-child .navds-timeline__zoom-button{border-radius:0 var(--a-border-radius-medium) var(--a-border-radius-medium) 0;border-width:1px}.navds-timeline__zoom li:only-child .navds-timeline__zoom-button{border-radius:var(--a-border-radius-medium)}.navds-timeline__zoom-button:not([aria-pressed=true]):hover{background:var(--ac-timeline-zoom-bg-hover,var(--a-surface-action-subtle-hover))}.navds-timeline__zoom-button[aria-pressed=true]{background:var(--ac-timeline-zoom-selected-bg,var(--a-surface-inverted));color:var(--ac-timeline-zoom-selected-text,var(--a-text-on-inverted))}.navds-timeline__period:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus);outline:none;z-index:4}.navds-timeline__period--selected:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-timeline-period-selected-border,var(--a-border-action-selected)),0 0 0 2px var(--a-border-focus);z-index:3}.navds-timeline__zoom li:focus-within{z-index:var(--a-z-index-focus)}.navds-timeline__zoom-button:focus-visible{border-width:1px;box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 3px var(--a-border-focus)}.navds-timeline__zoom li:not(:last-child) .navds-timeline__zoom-button:focus-visible{margin-right:2px;padding-right:6px}@supports not selector(:focus-visible){.navds-timeline__period:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none;z-index:4}.navds-timeline__period--selected:focus{box-shadow:inset 0 0 0 2px var(--ac-timeline-period-selected-border,var(--a-border-action-selected)),0 0 0 2px var(--a-border-focus);z-index:3}.navds-timeline__zoom-button:focus{border-width:1px;box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 3px var(--a-border-focus)}.navds-timeline__zoom li:not(:last-child) .navds-timeline__zoom-button:focus{margin-right:2px;padding-right:6px}}.navds-timeline__popover{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);padding:var(--a-spacing-3);z-index:var(--a-z-index-popover)}.navds-timeline__popover:focus{box-shadow:var(--a-shadow-focus);outline:none}.navds-timeline__popover-arrow{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));height:1rem;position:absolute;transform:rotate(45deg);width:1rem;z-index:-1}.navds-timeline__popover[data-placement^=top]>.navds-timeline__popover-arrow{border-left-color:#0000;border-top-color:#0000}.navds-timeline__popover[data-placement^=bottom]>.navds-timeline__popover-arrow{border-bottom-color:#0000;border-right-color:#0000}.navds-timeline__popover[data-placement^=left]>.navds-timeline__popover-arrow{border-bottom-color:#0000;border-left-color:#0000}.navds-timeline__popover[data-placement^=right]>.navds-timeline__popover-arrow{border-right-color:#0000;border-top-color:#0000}@media (forced-colors:active){.navds-timeline__period:focus{outline:2px solid highlight;outline-offset:2px}.navds-timeline__period--danger,.navds-timeline__period--info,.navds-timeline__period--neutral,.navds-timeline__period--success,.navds-timeline__period--warning{forced-color-adjust:none}.navds-timeline__pin-wrapper:before,.navds-timeline__row{border:1px solid #0000}.navds-timeline__pin-button{outline:4px solid #0000}.navds-timeline__pin-button:focus,.navds-timeline__pin-button:focus-visible{box-shadow:none;outline:4px solid highlight;outline-offset:2px}.navds-timeline__popover[data-placement^=top]>.navds-timeline__popover-arrow{border-left-color:canvas;border-top-color:canvas}.navds-timeline__popover[data-placement^=bottom]>.navds-timeline__popover-arrow{border-bottom-color:canvas;border-right-color:canvas}.navds-timeline__popover[data-placement^=left]>.navds-timeline__popover-arrow{border-bottom-color:canvas;border-left-color:canvas}.navds-timeline__popover[data-placement^=right]>.navds-timeline__popover-arrow{border-right-color:canvas;border-top-color:canvas}}

package/dist/components.css

@@ -6299,6 +6299,7 @@ span.rdp-weeknumber {
 }
 
 .navds-timeline__popover:focus {
+  box-shadow: var(--a-shadow-focus);
   outline: none;
 }