@navikt/ds-css 3.0.0 → 3.1.0

package/dist/component/modal.min.css

@@ -1 +1 @@
-.ReactModal__Body--open{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border-radius:var(--a-border-radius-medium);display:block;max-height:100%;overflow:auto;position:relative}.navds-modal__content{padding:var(--a-spacing-4)}.navds-modal--focus,.navds-modal:focus{box-shadow:var(--a-shadow-focus);outline:none}.navds-modal__overlay{align-items:center;background-color:var(--ac-modal-backdrop,var(--a-surface-backdrop));bottom:0;display:flex;justify-content:center;left:0;padding:var(--a-spacing-4);position:fixed;right:0;top:0;z-index:var(--a-z-index-modal)}.navds-modal__button--shake{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .1s cubic-bezier(.82,2,1,.3);transition:transform .1s cubic-bezier(.82,2,1,.3);transition:transform .1s cubic-bezier(.82,2,1,.3),-webkit-transform .1s cubic-bezier(.82,2,1,.3)}.navds-modal__overlay:active>.navds-modal:not(:active)>.navds-modal__button--shake{-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:-webkit-transform .1s cubic-bezier(.82,-2,1,.3);transition:transform .1s cubic-bezier(.82,-2,1,.3);transition:transform .1s cubic-bezier(.82,-2,1,.3),-webkit-transform .1s cubic-bezier(.82,-2,1,.3)}.navds-modal__button{display:flex;padding:var(--a-spacing-2);position:absolute;right:var(--a-spacing-4);top:var(--a-spacing-4)}.navds-modal__button svg{height:1.5rem;width:1.5rem}
+.ReactModal__Body--open{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border-radius:var(--a-border-radius-medium);display:block;max-height:100%;overflow:auto;position:relative}.navds-modal__content{padding:var(--a-spacing-4)}.navds-modal--focus,.navds-modal:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-modal--focus,.navds-modal:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-modal__overlay{align-items:center;background-color:var(--ac-modal-backdrop,var(--a-surface-backdrop));bottom:0;display:flex;justify-content:center;left:0;padding:var(--a-spacing-4);position:fixed;right:0;top:0;z-index:var(--a-z-index-modal)}.navds-modal__button--shake{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .1s cubic-bezier(.82,2,1,.3);transition:transform .1s cubic-bezier(.82,2,1,.3);transition:transform .1s cubic-bezier(.82,2,1,.3),-webkit-transform .1s cubic-bezier(.82,2,1,.3)}.navds-modal__overlay:active>.navds-modal:not(:active)>.navds-modal__button--shake{-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:-webkit-transform .1s cubic-bezier(.82,-2,1,.3);transition:transform .1s cubic-bezier(.82,-2,1,.3);transition:transform .1s cubic-bezier(.82,-2,1,.3),-webkit-transform .1s cubic-bezier(.82,-2,1,.3)}.navds-modal__button{display:flex;padding:var(--a-spacing-2);position:absolute;right:var(--a-spacing-4);top:var(--a-spacing-4)}.navds-modal__button svg{height:1.5rem;width:1.5rem}

package/dist/component/pagination.css

@@ -35,10 +35,16 @@
   color: var(--ac-pagination-selected-text, var(--a-text-on-action));
 }
 
-.navds-pagination__item[aria-current="true"]:focus {
+.navds-pagination__item[aria-current="true"]:focus-visible {
   box-shadow: inset 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
 }
 
+@supports not selector(:focus-visible) {
+  .navds-pagination__item[aria-current="true"]:focus {
+    box-shadow: inset 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
+  }
+}
+
 .navds-pagination__prev-next {
   display: flex;
   align-items: center;

package/dist/component/pagination.min.css

@@ -1 +1 @@
-.navds-pagination__list{display:flex;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-pagination__ellipsis{align-items:center;cursor:default;display:flex;justify-content:center;width:var(--a-spacing-12)}.navds-pagination--small .navds-pagination__ellipsis{width:var(--a-spacing-8)}.navds-pagination--xsmall .navds-pagination__ellipsis{width:var(--a-spacing-6)}.navds-pagination__item{color:var(--ac-pagination-text,var(--a-text-default))}.navds-pagination--medium .navds-pagination__item{border-radius:var(--a-border-radius-medium)}.navds-pagination__item[aria-current=true]{background-color:var(--ac-pagination-selected-bg,var(--a-surface-action-selected));color:var(--ac-pagination-selected-text,var(--a-text-on-action))}.navds-pagination__item[aria-current=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}.navds-pagination__prev-next{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-left:.375rem;padding-right:.375rem}.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-left:var(--a-spacing-05);padding-right:var(--a-spacing-05)}.navds-pagination--invisible{visibility:hidden}
+.navds-pagination__list{display:flex;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-pagination__ellipsis{align-items:center;cursor:default;display:flex;justify-content:center;width:var(--a-spacing-12)}.navds-pagination--small .navds-pagination__ellipsis{width:var(--a-spacing-8)}.navds-pagination--xsmall .navds-pagination__ellipsis{width:var(--a-spacing-6)}.navds-pagination__item{color:var(--ac-pagination-text,var(--a-text-default))}.navds-pagination--medium .navds-pagination__item{border-radius:var(--a-border-radius-medium)}.navds-pagination__item[aria-current=true]{background-color:var(--ac-pagination-selected-bg,var(--a-surface-action-selected));color:var(--ac-pagination-selected-text,var(--a-text-on-action))}.navds-pagination__item[aria-current=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-pagination__item[aria-current=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-pagination__prev-next{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-left:.375rem;padding-right:.375rem}.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-left:var(--a-spacing-05);padding-right:var(--a-spacing-05)}.navds-pagination--invisible{visibility:hidden}

package/dist/component/popover.css

@@ -15,11 +15,18 @@
   display: none;
 }
 
-.navds-popover:focus {
+.navds-popover:focus-visible {
   outline: none;
   box-shadow: var(--a-shadow-focus);
 }
 
+@supports not selector(:focus-visible) {
+  .navds-popover:focus {
+    outline: none;
+    box-shadow: var(--a-shadow-focus);
+  }
+}
+
 .navds-popover__arrow {
   position: absolute;
   z-index: -1;

package/dist/component/popover.min.css

@@ -1 +1 @@
-.navds-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-medium);box-shadow:var(--a-shadow-medium);z-index:var(--a-z-index-popover)}.navds-popover__content{padding:var(--a-spacing-4)}.navds-popover--hidden{display:none}.navds-popover:focus{box-shadow:var(--a-shadow-focus);outline:none}.navds-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;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1rem;z-index:-1}.navds-popover[data-placement^=top]>.navds-popover__arrow{border-left-color:transparent;border-top-color:transparent}.navds-popover[data-placement^=bottom]>.navds-popover__arrow{border-bottom-color:transparent;border-right-color:transparent}.navds-popover[data-placement^=left]>.navds-popover__arrow{border-bottom-color:transparent;border-left-color:transparent}.navds-popover[data-placement^=right]>.navds-popover__arrow{border-right-color:transparent;border-top-color:transparent}
+.navds-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-medium);box-shadow:var(--a-shadow-medium);z-index:var(--a-z-index-popover)}.navds-popover__content{padding:var(--a-spacing-4)}.navds-popover--hidden{display:none}.navds-popover:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-popover:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-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;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1rem;z-index:-1}.navds-popover[data-placement^=top]>.navds-popover__arrow{border-left-color:transparent;border-top-color:transparent}.navds-popover[data-placement^=bottom]>.navds-popover__arrow{border-bottom-color:transparent;border-right-color:transparent}.navds-popover[data-placement^=left]>.navds-popover__arrow{border-bottom-color:transparent;border-left-color:transparent}.navds-popover[data-placement^=right]>.navds-popover__arrow{border-right-color:transparent;border-top-color:transparent}

package/dist/component/readmore.css

@@ -24,11 +24,18 @@
   background-color: var(--ac-read-more-active-bg, var(--a-surface-active));
 }
 
-.navds-read-more__button:focus {
+.navds-read-more__button:focus-visible {
   outline: none;
   box-shadow: var(--a-shadow-focus);
 }
 
+@supports not selector(:focus-visible) {
+  .navds-read-more__button:focus {
+    outline: none;
+    box-shadow: var(--a-shadow-focus);
+  }
+}
+
 .navds-read-more__content {
   margin-top: var(--a-spacing-1);
   border-left: 2px solid var(--ac-read-more-line, var(--a-border-divider));

package/dist/component/readmore.min.css

@@ -1 +1 @@
-.navds-read-more__button{align-items:flex-start;background:none;border:none;border-radius:var(--a-border-radius-small);color:var(--ac-read-more-text,var(--a-text-action));cursor:pointer;display:flex;gap:var(--a-spacing-05);margin:0;padding:var(--a-spacing-1) var(--a-spacing-1) var(--a-spacing-1) 2px;text-align:start}.navds-read-more--small .navds-read-more__button{padding:2px var(--a-spacing-1) 2px 2px}.navds-read-more__button:hover{background-color:var(--ac-read-more-hover-bg,var(--a-surface-hover))}.navds-read-more__button:active{background-color:var(--ac-read-more-active-bg,var(--a-surface-active))}.navds-read-more__button:focus{box-shadow:var(--a-shadow-focus);outline:none}.navds-read-more__content{border-left:2px solid var(--ac-read-more-line,var(--a-border-divider));margin-left:13px;margin-top:var(--a-spacing-1);padding-left:13px}.navds-read-more--small .navds-read-more__content{margin-left:11px;padding-left:11px}.navds-read-more__content--closed{display:none}.navds-read-more__expand-icon{flex-shrink:0;font-size:1.5rem}.navds-read-more--small .navds-read-more__expand-icon{font-size:1.25rem}.navds-read-more__button:hover>.navds-read-more__expand-icon{-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-read-more--open>.navds-read-more__button>.navds-read-more__expand-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.navds-read-more--open>.navds-read-more__button:hover>.navds-read-more__expand-icon{-webkit-transform:translateY(-1px) rotate(-180deg);transform:translateY(-1px) rotate(-180deg)}
+.navds-read-more__button{align-items:flex-start;background:none;border:none;border-radius:var(--a-border-radius-small);color:var(--ac-read-more-text,var(--a-text-action));cursor:pointer;display:flex;gap:var(--a-spacing-05);margin:0;padding:var(--a-spacing-1) var(--a-spacing-1) var(--a-spacing-1) 2px;text-align:start}.navds-read-more--small .navds-read-more__button{padding:2px var(--a-spacing-1) 2px 2px}.navds-read-more__button:hover{background-color:var(--ac-read-more-hover-bg,var(--a-surface-hover))}.navds-read-more__button:active{background-color:var(--ac-read-more-active-bg,var(--a-surface-active))}.navds-read-more__button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-read-more__button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-read-more__content{border-left:2px solid var(--ac-read-more-line,var(--a-border-divider));margin-left:13px;margin-top:var(--a-spacing-1);padding-left:13px}.navds-read-more--small .navds-read-more__content{margin-left:11px;padding-left:11px}.navds-read-more__content--closed{display:none}.navds-read-more__expand-icon{flex-shrink:0;font-size:1.5rem}.navds-read-more--small .navds-read-more__expand-icon{font-size:1.25rem}.navds-read-more__button:hover>.navds-read-more__expand-icon{-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-read-more--open>.navds-read-more__button>.navds-read-more__expand-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.navds-read-more--open>.navds-read-more__button:hover>.navds-read-more__expand-icon{-webkit-transform:translateY(-1px) rotate(-180deg);transform:translateY(-1px) rotate(-180deg)}

package/dist/component/stepper.css

@@ -80,12 +80,20 @@ button.navds-stepper__step {
   cursor: default;
 }
 
-:where(.navds-stepper__step):focus {
+:where(.navds-stepper__step):focus-visible {
   outline: none;
   box-shadow: var(--a-shadow-focus);
   isolation: isolate;
 }
 
+@supports not selector(:focus-visible) {
+  .navds-stepper__step:focus {
+    outline: none;
+    box-shadow: var(--a-shadow-focus);
+    isolation: isolate;
+  }
+}
+
 .navds-stepper__circle {
   grid-column: circle;
   display: inline-grid;

package/dist/component/stepper.min.css

@@ -1 +1 @@
-.navds-stepper{--navds-stepper-circle-size:1.75rem;--navds-stepper-border-width:2px;--navds-stepper-line-length:1rem;color:var(--ac-stepper-text,var(--a-surface-action));font-weight:600;line-height:1;list-style:none;margin:0;padding-left:0}.navds-stepper--horizontal{align-items:flex-start;display:flex;text-align:center}.navds-stepper__item{display:grid;gap:.5rem;grid-template-columns:var(--navds-stepper-circle-size) auto;grid-template-rows:[line-1] auto [step-start] var(--navds-stepper-circle-size) [line-2 step-end] auto;justify-items:flex-start}.navds-stepper__line{background-color:var(--ac-stepper-line,var(--a-border-default));grid-column:1;height:100%;justify-self:center;min-height:var(--navds-stepper-line-length);width:var(--navds-stepper-border-width)}.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-line-completed,var(--a-border-selected))}.navds-stepper__line--1{display:none;grid-row:line-1}.navds-stepper__line--2{grid-row:line-2}:where(.navds-stepper__item:last-of-type) .navds-stepper__line--2{display:none}.navds-stepper__step{cursor:pointer;display:grid;gap:var(--a-spacing-2);grid-column:1/-1;grid-row:2/-1;grid-template-columns:[circle] var(--navds-stepper-circle-size) [content] auto;justify-content:flex-start;margin:calc(var(--navds-stepper-border-width)*-1) calc(var(--navds-stepper-border-width)*-1) 1.75rem;padding:var(--navds-stepper-border-width);text-decoration:none}button.navds-stepper__step{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;color:inherit;font:inherit;text-align:inherit}.navds-stepper__step--non-interactive{color:var(--ac-stepper-non-interactive,var(--a-text-subtle));cursor:default}:where(.navds-stepper__step):focus{box-shadow:var(--a-shadow-focus);isolation:isolate;outline:none}.navds-stepper__circle{border:var(--navds-stepper-border-width) solid;border-radius:var(--a-border-radius-full);display:inline-grid;flex-shrink:0;grid-column:circle;height:var(--navds-stepper-circle-size);line-height:1;place-items:center;width:var(--navds-stepper-circle-size)}.navds-stepper__circle--success{background:none;background-color:var(--ac-stepper-text,var(--a-surface-action));border:none;color:var(--a-text-on-action);font-size:28px}.navds-stepper__content{grid-column:content;line-height:1.5;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-top:.035rem}:where(.navds-stepper--horizontal) .navds-stepper__item{flex:1 1 100%;grid-template-columns:[line-1-start] 1fr [step-start] auto [line-1-end] var(--navds-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];grid-template-rows:var(--navds-stepper-circle-size) auto}:where(.navds-stepper--horizontal) .navds-stepper__line{align-self:center;display:block;grid-row:1;height:var(--navds-stepper-border-width);min-height:auto;width:100%}:where(.navds-stepper--horizontal) .navds-stepper__line--1{grid-column:line-1}:where(.navds-stepper--horizontal) .navds-stepper__line--2{grid-column:line-2}:where(.navds-stepper--horizontal .navds-stepper__item:first-of-type) .navds-stepper__line--1,:where(.navds-stepper--horizontal .navds-stepper__item:last-of-type) .navds-stepper__line--2{visibility:hidden}:where(.navds-stepper--horizontal) .navds-stepper__step{align-items:center;display:grid;grid-column:step;grid-row:1/-1;grid-template-columns:[content-start] auto [circle] var(--navds-stepper-circle-size) [content-end] auto;grid-template-rows:[circle] var(--navds-stepper-circle-size) [content] auto;justify-items:center;margin-bottom:0}:where(.navds-stepper--horizontal) .navds-stepper__circle{grid-column:2;grid-row:circle}:where(.navds-stepper--horizontal) .navds-stepper__content{grid-column:1/-1;grid-row:content;max-width:24ch}:where(.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-active,var(--a-text-action-selected))}:where(.navds-stepper__step:hover) .navds-stepper__content{text-decoration:underline}:where(.navds-stepper__step--non-interactive:hover,.navds-stepper__step--active:hover) .navds-stepper__content{text-decoration:none}:where(.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-active-bg,var(--a-surface-action-selected));border-color:var(--ac-stepper-active-border,var(--a-border-action-selected));color:var(--ac-stepper-active-text,var(--a-text-on-action))}:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle{background-color:var(--ac-stepper-hover-bg,var(--a-surface-action-subtle-hover))}:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle--success{background-color:var(--ac-stepper-text,var(--a-surface-action));color:var(--ac-stepper-hover-bg,var(--a-surface-action-subtle-hover))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-non-interactive-active,var(--a-text-default))}.navds-stepper__step--non-interactive.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-non-interactive-line-completed,var(--a-border-strong))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted));border-color:var(--ac-stepper-non-interactive-active-border,var(--a-surface-inverted));color:var(--ac-stepper-non-interactive-active-text,var(--a-text-on-inverted))}:where(.navds-stepper__step--non-interactive:hover) .navds-stepper__circle{background-color:transparent}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active:hover) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted))}:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle{background-color:inherit;color:var(--ac-stepper-active-completed,var(--a-text-action-selected))}:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle--success{background-color:var(--ac-stepper-active-completed,var(--a-surface-action-selected));color:var(--a-text-on-action)}:where(.navds-stepper__step--non-interactive,.navds-stepper__step--non-interactive:hover) .navds-stepper__circle--success{background-color:var(--ac-stepper-non-interactive-completed-bg,var(--a-surface-neutral));color:var(--a-text-on-inverted)}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle--success{background-color:var(--ac-stepper-non-interactive-active-completed,var(--a-surface-inverted));color:var(--a-text-on-inverted)}:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle{color:var(--ac-stepper-non-interactive-active-completed,var(--a-text-default))}:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle--success{color:var(--ac-stepper-non-interactive-active-completed,var(--a-text-on-inverted))}
+.navds-stepper{--navds-stepper-circle-size:1.75rem;--navds-stepper-border-width:2px;--navds-stepper-line-length:1rem;color:var(--ac-stepper-text,var(--a-surface-action));font-weight:600;line-height:1;list-style:none;margin:0;padding-left:0}.navds-stepper--horizontal{align-items:flex-start;display:flex;text-align:center}.navds-stepper__item{display:grid;gap:.5rem;grid-template-columns:var(--navds-stepper-circle-size) auto;grid-template-rows:[line-1] auto [step-start] var(--navds-stepper-circle-size) [line-2 step-end] auto;justify-items:flex-start}.navds-stepper__line{background-color:var(--ac-stepper-line,var(--a-border-default));grid-column:1;height:100%;justify-self:center;min-height:var(--navds-stepper-line-length);width:var(--navds-stepper-border-width)}.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-line-completed,var(--a-border-selected))}.navds-stepper__line--1{display:none;grid-row:line-1}.navds-stepper__line--2{grid-row:line-2}:where(.navds-stepper__item:last-of-type) .navds-stepper__line--2{display:none}.navds-stepper__step{cursor:pointer;display:grid;gap:var(--a-spacing-2);grid-column:1/-1;grid-row:2/-1;grid-template-columns:[circle] var(--navds-stepper-circle-size) [content] auto;justify-content:flex-start;margin:calc(var(--navds-stepper-border-width)*-1) calc(var(--navds-stepper-border-width)*-1) 1.75rem;padding:var(--navds-stepper-border-width);text-decoration:none}button.navds-stepper__step{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;color:inherit;font:inherit;text-align:inherit}.navds-stepper__step--non-interactive{color:var(--ac-stepper-non-interactive,var(--a-text-subtle));cursor:default}:where(.navds-stepper__step):focus-visible{box-shadow:var(--a-shadow-focus);isolation:isolate;outline:none}@supports not selector(:focus-visible){.navds-stepper__step:focus{box-shadow:var(--a-shadow-focus);isolation:isolate;outline:none}}.navds-stepper__circle{border:var(--navds-stepper-border-width) solid;border-radius:var(--a-border-radius-full);display:inline-grid;flex-shrink:0;grid-column:circle;height:var(--navds-stepper-circle-size);line-height:1;place-items:center;width:var(--navds-stepper-circle-size)}.navds-stepper__circle--success{background:none;background-color:var(--ac-stepper-text,var(--a-surface-action));border:none;color:var(--a-text-on-action);font-size:28px}.navds-stepper__content{grid-column:content;line-height:1.5;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-top:.035rem}:where(.navds-stepper--horizontal) .navds-stepper__item{flex:1 1 100%;grid-template-columns:[line-1-start] 1fr [step-start] auto [line-1-end] var(--navds-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];grid-template-rows:var(--navds-stepper-circle-size) auto}:where(.navds-stepper--horizontal) .navds-stepper__line{align-self:center;display:block;grid-row:1;height:var(--navds-stepper-border-width);min-height:auto;width:100%}:where(.navds-stepper--horizontal) .navds-stepper__line--1{grid-column:line-1}:where(.navds-stepper--horizontal) .navds-stepper__line--2{grid-column:line-2}:where(.navds-stepper--horizontal .navds-stepper__item:first-of-type) .navds-stepper__line--1,:where(.navds-stepper--horizontal .navds-stepper__item:last-of-type) .navds-stepper__line--2{visibility:hidden}:where(.navds-stepper--horizontal) .navds-stepper__step{align-items:center;display:grid;grid-column:step;grid-row:1/-1;grid-template-columns:[content-start] auto [circle] var(--navds-stepper-circle-size) [content-end] auto;grid-template-rows:[circle] var(--navds-stepper-circle-size) [content] auto;justify-items:center;margin-bottom:0}:where(.navds-stepper--horizontal) .navds-stepper__circle{grid-column:2;grid-row:circle}:where(.navds-stepper--horizontal) .navds-stepper__content{grid-column:1/-1;grid-row:content;max-width:24ch}:where(.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-active,var(--a-text-action-selected))}:where(.navds-stepper__step:hover) .navds-stepper__content{text-decoration:underline}:where(.navds-stepper__step--non-interactive:hover,.navds-stepper__step--active:hover) .navds-stepper__content{text-decoration:none}:where(.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-active-bg,var(--a-surface-action-selected));border-color:var(--ac-stepper-active-border,var(--a-border-action-selected));color:var(--ac-stepper-active-text,var(--a-text-on-action))}:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle{background-color:var(--ac-stepper-hover-bg,var(--a-surface-action-subtle-hover))}:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle--success{background-color:var(--ac-stepper-text,var(--a-surface-action));color:var(--ac-stepper-hover-bg,var(--a-surface-action-subtle-hover))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-non-interactive-active,var(--a-text-default))}.navds-stepper__step--non-interactive.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-non-interactive-line-completed,var(--a-border-strong))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted));border-color:var(--ac-stepper-non-interactive-active-border,var(--a-surface-inverted));color:var(--ac-stepper-non-interactive-active-text,var(--a-text-on-inverted))}:where(.navds-stepper__step--non-interactive:hover) .navds-stepper__circle{background-color:transparent}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active:hover) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted))}:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle{background-color:inherit;color:var(--ac-stepper-active-completed,var(--a-text-action-selected))}:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle--success{background-color:var(--ac-stepper-active-completed,var(--a-surface-action-selected));color:var(--a-text-on-action)}:where(.navds-stepper__step--non-interactive,.navds-stepper__step--non-interactive:hover) .navds-stepper__circle--success{background-color:var(--ac-stepper-non-interactive-completed-bg,var(--a-surface-neutral));color:var(--a-text-on-inverted)}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle--success{background-color:var(--ac-stepper-non-interactive-active-completed,var(--a-surface-inverted));color:var(--a-text-on-inverted)}:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle{color:var(--ac-stepper-non-interactive-active-completed,var(--a-text-default))}:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle--success{color:var(--ac-stepper-non-interactive-active-completed,var(--a-text-on-inverted))}

package/dist/component/table.css

@@ -119,11 +119,18 @@
   background-color: var(--ac-table-sort-button-hover-bg, var(--a-bg-subtle));
 }
 
-.navds-table__sort-button:focus {
+.navds-table__sort-button:focus-visible {
   outline: none;
   box-shadow: inset 0 0 0 2px var(--a-border-focus);
 }
 
+@supports not selector(:focus-visible) {
+  .navds-table__sort-button:focus {
+    outline: none;
+    box-shadow: inset 0 0 0 2px var(--a-border-focus);
+  }
+}
+
 .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
 .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
   background-color: var(--ac-table-sort-button-sorted-bg, var(--a-surface-selected));
@@ -181,10 +188,16 @@
   padding: var(--a-spacing-2);
 }
 
-.navds-table__toggle-expand-button:focus {
+.navds-table__toggle-expand-button:focus-visible {
   box-shadow: inset var(--a-shadow-focus);
 }
 
+@supports not selector(:focus-visible) {
+  .navds-table__toggle-expand-button:focus {
+    box-shadow: inset var(--a-shadow-focus);
+  }
+}
+
 .navds-table__expandable-icon {
   font-size: 1.5rem;
 }

package/dist/component/table.min.css

@@ -1 +1 @@
-.navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:transparent}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:transparent}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table .navds-checkbox .navds-checkbox__input{top:-12px}.navds-table .navds-checkbox--small .navds-checkbox__input{top:-6px}.navds-table .navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-2);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell{transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row--open .navds-table__data-cell{border-bottom-color:transparent}.navds-table__expandable-row--open .navds-table__header-cell{border-color:var(--ac-table-row-border,var(--a-border-default))}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:transparent}.navds-table__toggle-expand-cell{padding:0;width:56px}.navds-table--small .navds-table__toggle-expand-cell{padding:0;width:36px}.navds-table__toggle-expand-button{all:unset;align-items:center;cursor:pointer;display:flex;padding:var(--a-spacing-4)}.navds-table--small .navds-table__toggle-expand-button{padding:var(--a-spacing-2)}.navds-table__toggle-expand-button:focus{box-shadow:inset var(--a-shadow-focus)}.navds-table__expandable-icon{font-size:1.5rem}.navds-table--small .navds-table__expandable-icon{font-size:1.25rem}.navds-table__toggle-expand-button:hover .navds-table__expandable-icon{-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-table__toggle-expand-cell--open .navds-table__expandable-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.navds-table__toggle-expand-cell--open .navds-table__toggle-expand-button:hover .navds-table__expandable-icon{-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{padding:var(--a-spacing-4) 4.25rem}.navds-table--small .navds-table__expanded-row-content{padding:var(--a-spacing-2) var(--a-spacing-12)}
+.navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:transparent}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:transparent}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table .navds-checkbox .navds-checkbox__input{top:-12px}.navds-table .navds-checkbox--small .navds-checkbox__input{top:-6px}.navds-table .navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-2);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell{transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row--open .navds-table__data-cell{border-bottom-color:transparent}.navds-table__expandable-row--open .navds-table__header-cell{border-color:var(--ac-table-row-border,var(--a-border-default))}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:transparent}.navds-table__toggle-expand-cell{padding:0;width:56px}.navds-table--small .navds-table__toggle-expand-cell{padding:0;width:36px}.navds-table__toggle-expand-button{all:unset;align-items:center;cursor:pointer;display:flex;padding:var(--a-spacing-4)}.navds-table--small .navds-table__toggle-expand-button{padding:var(--a-spacing-2)}.navds-table__toggle-expand-button:focus-visible{box-shadow:inset var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:inset var(--a-shadow-focus)}}.navds-table__expandable-icon{font-size:1.5rem}.navds-table--small .navds-table__expandable-icon{font-size:1.25rem}.navds-table__toggle-expand-button:hover .navds-table__expandable-icon{-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-table__toggle-expand-cell--open .navds-table__expandable-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.navds-table__toggle-expand-cell--open .navds-table__toggle-expand-button:hover .navds-table__expandable-icon{-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{padding:var(--a-spacing-4) 4.25rem}.navds-table--small .navds-table__expanded-row-content{padding:var(--a-spacing-2) var(--a-spacing-12)}

package/dist/component/tabs.css

@@ -62,12 +62,20 @@
   color: var(--ac-tabs-selected-text, var(--a-text-default));
 }
 
-.navds-tabs__tab:focus {
+.navds-tabs__tab:focus-visible {
   outline: none;
   box-shadow: inset var(--a-shadow-focus);
   color: var(--ac-tabs-focus-text, var(--a-text-default));
 }
 
+@supports not selector(:focus-visible) {
+  .navds-tabs__tab:focus {
+    outline: none;
+    box-shadow: inset var(--a-shadow-focus);
+    color: var(--ac-tabs-focus-text, var(--a-text-default));
+  }
+}
+
 .navds-tabs__tab-inner {
   display: flex;
   align-items: center;
@@ -112,3 +120,10 @@
   outline: none;
   box-shadow: inset 0 0 0 2px var(--a-border-focus);
 }
+
+@supports not selector(:focus-visible) {
+  .navds-tabs__tabpanel:focus {
+    outline: none;
+    box-shadow: inset 0 0 0 2px var(--a-border-focus);
+  }
+}

package/dist/component/tabs.min.css

@@ -1 +1 @@
-.navds-tabs__tablist-wrapper{box-shadow:inset 0 -1px 0 0 var(--ac-tabs-border,var(--a-border-divider));display:flex;width:100%}.navds-tabs__tablist{-ms-overflow-style:none;display:flex;max-width:100%;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;width:auto}.navds-tabs__tablist::-webkit-scrollbar{display:none}.navds-tabs__scroll-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:var(--a-spacing-3) var(--a-spacing-4);width:44px}.navds-tabs__scroll-button--hidden{visibility:hidden}.navds-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.navds-tabs--small .navds-tabs__scroll-button{padding:.375rem var(--a-spacing-4);width:32px}.navds-tabs__tab{align-items:center;background:none;border:none;color:var(--ac-tabs-text,var(--a-text-default));cursor:pointer;display:inline-flex;justify-content:center;min-height:48px;padding:var(--a-spacing-3) var(--a-spacing-4)}.navds-tabs__tab:hover{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-hover-border,var(--a-border-subtle-hover))}.navds-tabs__tab[aria-selected=true]{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-selected-border,var(--a-border-action));color:var(--ac-tabs-selected-text,var(--a-text-default))}.navds-tabs__tab:focus{box-shadow:inset var(--a-shadow-focus);color:var(--ac-tabs-focus-text,var(--a-text-default));outline:none}.navds-tabs__tab-inner{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-tabs__tab-inner svg{flex-shrink:0}.navds-tabs__tab-icon--top>.navds-tabs__tab-inner{flex-direction:column;gap:0}.navds-tabs__tab--small{min-height:32px;padding:.375rem var(--a-spacing-4)}.navds-tabs__tab--small.navds-tabs__tab-icon--top,.navds-tabs__tab-icon--top{padding:var(--a-spacing-1) var(--a-spacing-4)}.navds-tabs__tab svg,.navds-tabs__tab--small.navds-tabs__tab--icon-only svg,.navds-tabs__tab--small.navds-tabs__tab-icon--top svg{font-size:1.25rem}.navds-tabs__tab--small svg{font-size:1rem}.navds-tabs__tab--icon-only svg,.navds-tabs__tab-icon--top svg{font-size:1.5rem}.navds-tabs__tabpanel:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}
+.navds-tabs__tablist-wrapper{box-shadow:inset 0 -1px 0 0 var(--ac-tabs-border,var(--a-border-divider));display:flex;width:100%}.navds-tabs__tablist{-ms-overflow-style:none;display:flex;max-width:100%;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;width:auto}.navds-tabs__tablist::-webkit-scrollbar{display:none}.navds-tabs__scroll-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:var(--a-spacing-3) var(--a-spacing-4);width:44px}.navds-tabs__scroll-button--hidden{visibility:hidden}.navds-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.navds-tabs--small .navds-tabs__scroll-button{padding:.375rem var(--a-spacing-4);width:32px}.navds-tabs__tab{align-items:center;background:none;border:none;color:var(--ac-tabs-text,var(--a-text-default));cursor:pointer;display:inline-flex;justify-content:center;min-height:48px;padding:var(--a-spacing-3) var(--a-spacing-4)}.navds-tabs__tab:hover{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-hover-border,var(--a-border-subtle-hover))}.navds-tabs__tab[aria-selected=true]{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-selected-border,var(--a-border-action));color:var(--ac-tabs-selected-text,var(--a-text-default))}.navds-tabs__tab:focus-visible{box-shadow:inset var(--a-shadow-focus);color:var(--ac-tabs-focus-text,var(--a-text-default));outline:none}@supports not selector(:focus-visible){.navds-tabs__tab:focus{box-shadow:inset var(--a-shadow-focus);color:var(--ac-tabs-focus-text,var(--a-text-default));outline:none}}.navds-tabs__tab-inner{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-tabs__tab-inner svg{flex-shrink:0}.navds-tabs__tab-icon--top>.navds-tabs__tab-inner{flex-direction:column;gap:0}.navds-tabs__tab--small{min-height:32px;padding:.375rem var(--a-spacing-4)}.navds-tabs__tab--small.navds-tabs__tab-icon--top,.navds-tabs__tab-icon--top{padding:var(--a-spacing-1) var(--a-spacing-4)}.navds-tabs__tab svg,.navds-tabs__tab--small.navds-tabs__tab--icon-only svg,.navds-tabs__tab--small.navds-tabs__tab-icon--top svg{font-size:1.25rem}.navds-tabs__tab--small svg{font-size:1rem}.navds-tabs__tab--icon-only svg,.navds-tabs__tab-icon--top svg{font-size:1.5rem}.navds-tabs__tabpanel:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-tabs__tabpanel:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}

package/dist/component/togglegroup.css

@@ -49,20 +49,40 @@
   color: var(--ac-toggle-group-button-neutral-hover-text, var(--a-text-default));
 }
 
-.navds-toggle-group__button:focus {
+.navds-toggle-group__button:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
 }
 
-.navds-toggle-group__button:focus:hover[aria-pressed="false"] {
+@supports not selector(:focus-visible) {
+  .navds-toggle-group__button:focus {
+    outline: none;
+    box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
+  }
+}
+
+.navds-toggle-group__button:focus-visible:hover[aria-pressed="false"] {
   box-shadow: 0 0 0 1px var(--ac-toggle-group-button-hover-bg, var(--a-surface-action-subtle)), 0 0 0 4px var(--a-border-focus);
 }
 
+@supports not selector(:focus-visible) {
+  .navds-toggle-group__button:focus:hover[aria-pressed="false"] {
+    box-shadow: 0 0 0 1px var(--ac-toggle-group-button-hover-bg, var(--a-surface-action-subtle)), 0 0 0 4px var(--a-border-focus);
+  }
+}
+
 .navds-toggle-group--neutral > .navds-toggle-group__button:focus:hover[aria-pressed="false"] {
   box-shadow: 0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg, var(--a-surface-neutral-subtle-hover)),
     0 0 0 4px var(--a-border-focus);
 }
 
+@supports not selector(:focus-visible) {
+  .navds-toggle-group--neutral > .navds-toggle-group__button:focus-visible:hover[aria-pressed="false"] {
+    box-shadow: 0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg, var(--a-surface-neutral-subtle-hover)),
+      0 0 0 4px var(--a-border-focus);
+  }
+}
+
 .navds-toggle-group__button-inner {
   display: flex;
   align-items: center;

package/dist/component/togglegroup.min.css

@@ -1 +1 @@
-.navds-toggle-group__wrapper{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-toggle-group{background-color:var(--ac-toggle-group-bg,var(--a-surface-transparent));border-radius:9px;box-shadow:inset 0 0 0 1px var(--ac-toggle-group-border,var(--a-border-default));display:inline-grid;gap:var(--a-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:calc(var(--a-spacing-1) + 1px)}.navds-toggle-group--neutral{background-color:var(--ac-toggle-group-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 1px var(--ac-toggle-group-neutral-border,var(--a-border-default))}.navds-toggle-group__button{align-items:center;background-color:var(--ac-toggle-group-button-bg,var(--a-surface-transparent));border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-toggle-group-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;justify-content:center;min-height:48px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--a-spacing-3)}.navds-toggle-group--neutral>.navds-toggle-group__button{background-color:var(--ac-toggle-group-button-neutral-bg,var(--a-surface-transparent));color:var(--ac-toggle-group-button-neutral-text,var(--a-text-default))}.navds-toggle-group__button:hover{background-color:var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle));color:var(--ac-toggle-group-button-hover-text,var(--a-text-action-on-action-subtle))}.navds-toggle-group--neutral>.navds-toggle-group__button:hover{background-color:var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-toggle-group-button-neutral-hover-text,var(--a-text-default))}.navds-toggle-group__button:focus{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus);outline:none}.navds-toggle-group__button:focus:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle)),0 0 0 4px var(--a-border-focus)}.navds-toggle-group--neutral>.navds-toggle-group__button:focus:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover)),0 0 0 4px var(--a-border-focus)}.navds-toggle-group__button-inner{align-items:center;display:flex;gap:var(--a-spacing-2)}.navds-toggle-group__button-inner>*{flex-shrink:0}.navds-toggle-group__button[aria-checked=true],.navds-toggle-group__button[aria-pressed=true]{background-color:var(--ac-toggle-group-selected-bg,var(--a-surface-action-selected));color:var(--ac-toggle-group-selected-text,var(--a-text-on-action))}.navds-toggle-group--neutral>.navds-toggle-group__button[aria-checked=true],.navds-toggle-group--neutral>.navds-toggle-group__button[aria-pressed=true]{background-color:var(--ac-toggle-group-neutral-selected-bg,var(--a-surface-neutral));color:var(--ac-toggle-group-neutral-selected-text,var(--a-text-on-neutral))}.navds-toggle-group--small>.navds-toggle-group__button{min-height:32px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:.375rem}.navds-toggle-group__button>.navds-toggle-group__button-inner>svg{font-size:1.5rem}.navds-toggle-group--small>.navds-toggle-group__button>.navds-toggle-group__button-inner>svg{font-size:1.125rem}
+.navds-toggle-group__wrapper{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-toggle-group{background-color:var(--ac-toggle-group-bg,var(--a-surface-transparent));border-radius:9px;box-shadow:inset 0 0 0 1px var(--ac-toggle-group-border,var(--a-border-default));display:inline-grid;gap:var(--a-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:calc(var(--a-spacing-1) + 1px)}.navds-toggle-group--neutral{background-color:var(--ac-toggle-group-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 1px var(--ac-toggle-group-neutral-border,var(--a-border-default))}.navds-toggle-group__button{align-items:center;background-color:var(--ac-toggle-group-button-bg,var(--a-surface-transparent));border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-toggle-group-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;justify-content:center;min-height:48px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--a-spacing-3)}.navds-toggle-group--neutral>.navds-toggle-group__button{background-color:var(--ac-toggle-group-button-neutral-bg,var(--a-surface-transparent));color:var(--ac-toggle-group-button-neutral-text,var(--a-text-default))}.navds-toggle-group__button:hover{background-color:var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle));color:var(--ac-toggle-group-button-hover-text,var(--a-text-action-on-action-subtle))}.navds-toggle-group--neutral>.navds-toggle-group__button:hover{background-color:var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-toggle-group-button-neutral-hover-text,var(--a-text-default))}.navds-toggle-group__button:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-toggle-group__button:focus{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus);outline:none}}.navds-toggle-group__button:focus-visible:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-toggle-group__button:focus:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle)),0 0 0 4px var(--a-border-focus)}}.navds-toggle-group--neutral>.navds-toggle-group__button:focus:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-toggle-group--neutral>.navds-toggle-group__button:focus-visible:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover)),0 0 0 4px var(--a-border-focus)}}.navds-toggle-group__button-inner{align-items:center;display:flex;gap:var(--a-spacing-2)}.navds-toggle-group__button-inner>*{flex-shrink:0}.navds-toggle-group__button[aria-checked=true],.navds-toggle-group__button[aria-pressed=true]{background-color:var(--ac-toggle-group-selected-bg,var(--a-surface-action-selected));color:var(--ac-toggle-group-selected-text,var(--a-text-on-action))}.navds-toggle-group--neutral>.navds-toggle-group__button[aria-checked=true],.navds-toggle-group--neutral>.navds-toggle-group__button[aria-pressed=true]{background-color:var(--ac-toggle-group-neutral-selected-bg,var(--a-surface-neutral));color:var(--ac-toggle-group-neutral-selected-text,var(--a-text-on-neutral))}.navds-toggle-group--small>.navds-toggle-group__button{min-height:32px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:.375rem}.navds-toggle-group__button>.navds-toggle-group__button-inner>svg{font-size:1.5rem}.navds-toggle-group--small>.navds-toggle-group__button>.navds-toggle-group__button-inner>svg{font-size:1.125rem}