@navikt/ds-css 6.1.1 → 6.3.0
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.
- package/CHANGELOG.md +8 -0
- package/config/_mappings.js +5 -0
- package/dist/component/accordion.min.css +1 -1
- package/dist/component/alert.min.css +1 -1
- package/dist/component/button.min.css +2 -2
- package/dist/component/chat.min.css +1 -1
- package/dist/component/chips.min.css +1 -1
- package/dist/component/copybutton.min.css +1 -1
- package/dist/component/dropdown.min.css +1 -1
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/form.css +205 -2
- package/dist/component/form.min.css +3 -1
- package/dist/component/helptext.min.css +1 -1
- package/dist/component/index.css +206 -3
- package/dist/component/index.min.css +6 -4
- package/dist/component/internalheader.min.css +1 -1
- package/dist/component/link.min.css +1 -1
- package/dist/component/linkpanel.min.css +1 -1
- package/dist/component/modal.min.css +1 -1
- package/dist/component/panel.min.css +1 -1
- package/dist/component/popover.min.css +1 -1
- package/dist/component/skeleton.min.css +1 -1
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/table.min.css +1 -1
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.min.css +1 -1
- package/dist/component/timeline.min.css +1 -1
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/component/tooltip.min.css +1 -1
- package/dist/components.css +236 -2
- package/dist/components.min.css +5 -3
- package/dist/global/reset.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +206 -3
- package/dist/index.min.css +6 -4
- package/form/file-upload.css +230 -0
- package/form/form.css +4 -2
- package/form/index.css +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-internalheader{align-self:stretch;background:var(--ac-internalheader-bg,var(--a-surface-inverted));display:flex;min-height:3rem;--navds-internalheader-focus:inset 0 0 0 2px var(--a-border-focus-on-inverted)}@media (forced-colors:active){.navds-internalheader{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-internalheader a:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}.navds-internalheader .navds-internalheader__button:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-internalheader__title{align-items:center;background
|
|
1
|
+
.navds-internalheader{align-self:stretch;background:var(--ac-internalheader-bg,var(--a-surface-inverted));display:flex;min-height:3rem;--navds-internalheader-focus:inset 0 0 0 2px var(--a-border-focus-on-inverted)}@media (forced-colors:active){.navds-internalheader{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-internalheader a:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}.navds-internalheader .navds-internalheader__button:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-internalheader__title{align-items:center;background:#0000;border:none;border-right:1px solid var(--ac-internalheader-divider,var(--a-gray-600));color:var(--ac-internalheader-text,var(--a-text-on-inverted));display:flex;font:inherit;font-weight:var(--a-font-weight-bold);line-height:normal;margin:0;overflow:visible;padding:0 var(--a-spacing-5) 0 var(--a-spacing-6);text-align:left;text-decoration:none}button.navds-internalheader__title{cursor:pointer}.navds-internalheader__user{align-items:center;border-left:1px solid var(--ac-internalheader-divider,var(--a-gray-600));display:flex;padding:0 var(--a-spacing-5)}.navds-internalheader__button{align-items:center;background:#0000;border:none;border-left:1px solid var(--ac-internalheader-divider,var(--a-gray-600));color:var(--ac-internalheader-text,var(--a-text-on-inverted));cursor:pointer;display:flex;font:inherit;gap:var(--a-spacing-2);justify-self:center;line-height:normal;margin:0;overflow:visible;padding:0 var(--a-spacing-3);text-align:left}.navds-internalheader__button:hover,a.navds-internalheader__title:hover,button.navds-internalheader__title:hover{background-color:var(--ac-internalheader-hover-bg,var(--a-surface-inverted-hover))}.navds-internalheader__button:focus-visible,.navds-internalheader__title:focus-visible{box-shadow:var(--navds-internalheader-focus);outline:none}@supports not selector(:focus-visible){.navds-internalheader__button:focus,.navds-internalheader__title:focus{box-shadow:var(--navds-internalheader-focus);outline:none}}.navds-internalheader__button:active,a.navds-internalheader__title:active,button.navds-internalheader__title:active{background-color:var(--ac-internalheader-active-bg,var(--a-surface-inverted-active))}.navds-internalheader__user-button{gap:var(--a-spacing-4);padding-left:var(--a-spacing-5)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-link{align-items:center;color:var(--ac-link-text,var(--a-text-action));display:inline-flex;gap:var(--a-spacing-1);text-decoration:underline}.navds-link.navds-link--inline-text{display:inline}.navds-link.navds-link--inline-text>svg{display:inline;margin:.1em .1em -.1em;transform:translateY(.05em);vertical-align:
|
|
1
|
+
.navds-link{align-items:center;color:var(--ac-link-text,var(--a-text-action));display:inline-flex;gap:var(--a-spacing-1);text-decoration:underline}.navds-link.navds-link--inline-text{display:inline}.navds-link.navds-link--inline-text>svg{display:inline;margin:.1em .1em -.1em;transform:translateY(.05em);vertical-align:initial}.navds-link.navds-link--remove-underline,.navds-link:hover{text-decoration:none}.navds-link.navds-link--remove-underline:hover{text-decoration:underline}.navds-alert .navds-link,.navds-confirmation-panel .navds-link{color:var(--a-text-default)}.navds-link:focus-visible{background-color:var(--ac-link-focus-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-focus-border,var(--a-border-focus));color:var(--ac-link-focus-text,var(--a-text-on-action));outline:2px solid #0000;text-decoration:none}@supports not selector(:focus-visible){.navds-link:focus{background-color:var(--ac-link-focus-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-focus-border,var(--a-border-focus));color:var(--ac-link-focus-text,var(--a-text-on-action));outline:2px solid #0000;text-decoration:none}}.navds-link:active{background-color:var(--ac-link-active-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-active-border,var(--a-border-focus));color:var(--ac-link-active-text,var(--a-text-on-action));outline:2px solid #0000;text-decoration:none}.navds-link svg{color:inherit;flex-shrink:0}.navds-link--action{color:var(--ac-link-action-text,var(--a-text-action))}.navds-link--neutral{color:var(--ac-link-neutral-text,var(--a-text-default))}.navds-link--subtle{color:var(--ac-link-subtle-text,var(--a-text-subtle))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-link-panel{align-items:center;color:var(--ac-link-panel-text,var(--a-text-default));display:flex;gap:var(--a-spacing-4);justify-content:space-between;text-decoration:none}.navds-link-panel:hover .navds-link-panel__title{color:var(--ac-link-panel-hover-text,var(--a-text-action-hover));text-decoration:underline}.navds-link-panel:hover{border-color:var(--ac-link-panel-hover-border,var(--a-border-action-hover));box-shadow:var(--a-shadow-small)}.navds-link-panel:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid
|
|
1
|
+
.navds-link-panel{align-items:center;color:var(--ac-link-panel-text,var(--a-text-default));display:flex;gap:var(--a-spacing-4);justify-content:space-between;text-decoration:none}.navds-link-panel:hover .navds-link-panel__title{color:var(--ac-link-panel-hover-text,var(--a-text-action-hover));text-decoration:underline}.navds-link-panel:hover{border-color:var(--ac-link-panel-hover-border,var(--a-border-action-hover));box-shadow:var(--a-shadow-small)}.navds-link-panel:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-link-panel:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}}.navds-link-panel__chevron{flex-shrink:0;font-size:1.5rem;transition:transform .2s}.navds-link-panel:focus-within>.navds-link-panel__chevron,.navds-link-panel:hover>.navds-link-panel__chevron{transform:translateX(4px)}.navds-link-panel__description{margin-top:var(--a-spacing-1)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;right:0;top:50%;transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-modal--polyfilled .navds-modal--polyfilled{overflow:auto}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-width:calc(100% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 6px - 2em)}}.navds-modal::backdrop{animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop
|
|
1
|
+
.navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;right:0;top:50%;transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-modal--polyfilled .navds-modal--polyfilled{overflow:auto}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-width:calc(100% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 6px - 2em)}}.navds-modal::backdrop{animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,#0214317d)}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,#0214317d);bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal__button{float:right;margin-left:var(--a-spacing-4)}.navds-modal__header{padding:var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6)}.navds-modal__header-icon svg{display:inline;margin-right:var(--a-spacing-1);vertical-align:-.25rem}.navds-modal__label{color:var(--a-text-subtle);font-weight:600}.navds-modal__body{overflow:auto;overscroll-behavior:contain;padding:var(--a-spacing-6);position:relative}.navds-modal__header+.navds-modal__body{padding-top:var(--a-spacing-0)}.navds-modal__footer{display:flex;flex-flow:row-reverse wrap;gap:var(--a-spacing-4);padding:var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6)}.navds-modal__footer :nth-of-type(2){margin-left:auto}.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal{animation:none;max-height:100vh;max-width:100vw;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@keyframes akselModalFadeIn{0%{opacity:.0001;transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{transform:none}}@keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@media (forced-colors:active){.navds-modal{outline:2px solid #0000}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-panel{background-color:var(--ac-panel-bg,var(--a-surface-default));border:1px solid
|
|
1
|
+
.navds-panel{background-color:var(--ac-panel-bg,var(--a-surface-default));border:1px solid #0000;border-radius:var(--a-border-radius-small);padding:var(--a-spacing-4)}.navds-panel--border{border-color:var(--ac-panel-border,var(--a-border-default))}
|
|
@@ -1 +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-large);box-shadow:var(--a-shadow-medium);max-width:calc(100vw - var(--a-spacing-6));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;transform:rotate(45deg);width:1rem;z-index:-1}.navds-popover[data-placement^=top]>.navds-popover__arrow{border-left-color
|
|
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-large);box-shadow:var(--a-shadow-medium);max-width:calc(100vw - var(--a-spacing-6));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;transform:rotate(45deg);width:1rem;z-index:-1}.navds-popover[data-placement^=top]>.navds-popover__arrow{border-left-color:#0000;border-top-color:#0000}.navds-popover[data-placement^=bottom]>.navds-popover__arrow{border-bottom-color:#0000;border-right-color:#0000}.navds-popover[data-placement^=left]>.navds-popover__arrow{border-bottom-color:#0000;border-left-color:#0000}.navds-popover[data-placement^=right]>.navds-popover__arrow{border-right-color:#0000;border-top-color:#0000}@media (forced-colors:active){.navds-popover[data-placement^=top]>.navds-popover__arrow{border-left-color:canvas;border-top-color:canvas}.navds-popover[data-placement^=bottom]>.navds-popover__arrow{border-bottom-color:canvas;border-right-color:canvas}.navds-popover[data-placement^=left]>.navds-popover__arrow{border-bottom-color:canvas;border-left-color:canvas}.navds-popover[data-placement^=right]>.navds-popover__arrow{border-right-color:canvas;border-top-color:canvas}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-skeleton{animation:akselSkeletonAnimation .8s linear infinite alternate;background-color:var(--ac-skeleton-bg,var(--a-surface-neutral-moderate));height:1.3em;pointer-events:none}.navds-skeleton--inline{display:inline-block}.navds-skeleton--has-children{color
|
|
1
|
+
.navds-skeleton{animation:akselSkeletonAnimation .8s linear infinite alternate;background-color:var(--ac-skeleton-bg,var(--a-surface-neutral-moderate));height:1.3em;pointer-events:none}.navds-skeleton--inline{display:inline-block}.navds-skeleton--has-children{color:#0000}.navds-skeleton--has-children>*{visibility:hidden}.navds-skeleton--has-children.navds-skeleton--no-height{height:auto}.navds-skeleton--has-children.navds-skeleton--no-width{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-skeleton--text{border-radius:var(--a-border-radius-medium);height:auto;transform:scaleY(.6);transform-origin:0 55%}.navds-skeleton--text:empty:before{content:"\00a0"}.navds-skeleton--circle{border-radius:var(--a-border-radius-full)}.navds-skeleton--rectangle{border-radius:0}.navds-skeleton--rounded{border-radius:var(--a-border-radius-xlarge)}@keyframes akselSkeletonAnimation{0%{opacity:1}to{opacity:.4}}@media (forced-colors:active){.navds-skeleton{animation-duration:2s;background-color:var(--a-surface-neutral);forced-color-adjust:none}}
|
|
@@ -1 +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__item--behind.navds-stepper__item--completed+.navds-stepper__item>.navds-stepper__line--1,.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}@media (forced-colors:active){.navds-stepper__step{background-color:ButtonFace;color:ButtonText}.navds-stepper__circle.navds-stepper__circle{border:0}.navds-stepper__step .navds-stepper__circle{background-color:ButtonText;border-color:ButtonText;color:ButtonFace;forced-color-adjust:none}.navds-stepper__step.navds-stepper__step:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}.navds-stepper__step.navds-stepper__step--active .navds-stepper__circle{background-color:highlight;border-color:highlighttext;color:highlighttext;forced-color-adjust:none}.navds-stepper__line{background-color:ButtonText}}button.navds-stepper__step{-webkit-appearance:none;appearance:none;background-color:
|
|
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__item--behind.navds-stepper__item--completed+.navds-stepper__item>.navds-stepper__line--1,.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}@media (forced-colors:active){.navds-stepper__step{background-color:ButtonFace;color:ButtonText}.navds-stepper__circle.navds-stepper__circle{border:0}.navds-stepper__step .navds-stepper__circle{background-color:ButtonText;border-color:ButtonText;color:ButtonFace;forced-color-adjust:none}.navds-stepper__step.navds-stepper__step:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}.navds-stepper__step.navds-stepper__step--active .navds-stepper__circle{background-color:highlight;border-color:highlighttext;color:highlighttext;forced-color-adjust:none}.navds-stepper__line{background-color:ButtonText}}button.navds-stepper__step{-webkit-appearance:none;appearance:none;background-color:initial;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:1.75rem}.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))}.navds-stepper__step:hover:where(:not(.navds-stepper__step--non-interactive)){color:var(--ac-stepper-hover-active,var(--a-text-action-hover))}: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-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__item--non-interactive.navds-stepper__item--behind.navds-stepper__item--completed+.navds-stepper__item>.navds-stepper__line--1,.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:initial}: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))}
|
|
@@ -1 +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:not(.navds-table__expandable-row--expansion-disabled):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:
|
|
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:not(.navds-table__expandable-row--expansion-disabled):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:initial}.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-3) var(--a-spacing-2);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:#0000}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--a-spacing-4) var(--a-spacing-2)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table :not(.navds-checkboxes)>.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(--ac-table-sort-button-sorted-text,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.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.navds-table__expandable-row--open .navds-table__data-cell{border-bottom-color:#0000}.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:#0000}.navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2);position:relative;width:2.5rem}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table__toggle-expand-button{background:#0000;border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;display:grid;font-size:1.5rem;height:2rem;margin:0;place-content:center;width:2rem}.navds-table__expandable-icon{transition:transform .15s ease-in-out}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover{background-color:var(--a-surface-hover)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){transform:translateY(0) rotate(180deg)}.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(1px)}.navds-table__toggle-expand-cell--open>.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(-1px) rotate(180deg)}.navds-table__toggle-expand-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-table__toggle-expand-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.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) calc(var(--a-spacing-2) + 3rem)}.navds-table--small .navds-table__expanded-row-content{padding:var(--a-spacing-2) calc(var(--a-spacing-2) + 3rem)}@media (forced-colors:active){.navds-date.navds-date button.rdp-day_selected{background-color:highlight;box-shadow:none;color:highlighttext;forced-color-adjust:none}.navds-date.navds-date button{box-shadow:none;color:buttontext;forced-color-adjust:none;outline:none}.navds-date button:focus-visible{color:buttontext;forced-color-adjust:none;outline:2px solid highlight}.navds-date.navds-date button.rdp-day_disabled{color:GrayText}}
|
|
@@ -1 +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{display:flex;max-width:100%;scroll-behavior:smooth;width:auto;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}.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:2.75rem}.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:var(--a-spacing-1-alt) var(--a-spacing-4);width:2rem}.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:3rem;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-selected));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:2px solid
|
|
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{display:flex;max-width:100%;scroll-behavior:smooth;width:auto;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}.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:2.75rem}.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:var(--a-spacing-1-alt) var(--a-spacing-4);width:2rem}.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:3rem;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-selected));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:2px solid #0000;outline-offset:-2px}@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:2px solid #0000}}.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:2rem;padding:var(--a-spacing-1-alt) 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:2px solid #0000}@supports not selector(:focus-visible){.navds-tabs__tabpanel:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000}}@media (forced-colors:active){.navds-tabs__tab[aria-selected=true]{border-bottom:3px solid canvastext;padding-block-end:calc(var(--a-spacing-3) - 3px)}.navds-tabs__tab--small[aria-selected=true]{padding-block-end:calc(var(--a-spacing-1-alt) - 3px)}.navds-tabs__tab--small.navds-tabs__tab-icon--top[aria-selected=true],.navds-tabs__tab-icon--top[aria-selected=true]{padding-block-end:calc(var(--a-spacing-1) - 3px)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-tag{--__ac-tag-icon-size:1.5rem;--__ac-tag-icon-margin:-2px;align-items:center;border:1px solid;border-radius:var(--a-border-radius-small);display:inline-flex;justify-content:center;line-height:1;min-height:2rem;padding:var(--a-spacing-05) var(--a-spacing-2)}.navds-tag--small{min-height:1.5rem;padding:0 var(--a-spacing-1-alt);--__ac-tag-icon-size:1.25rem}.navds-tag--xsmall{min-height:1.25rem;padding:0 var(--a-spacing-1);--__ac-tag-icon-size:1rem;--__ac-tag-icon-margin:-1px}.navds-tag:has(.navds-tag__icon--left){gap:var(--a-spacing-05)}.navds-tag__icon--left{display:flex;font-size:var(--__ac-tag-icon-size);margin-inline-start:var(--__ac-tag-icon-margin)}.navds-tag--error{background-color:var(--ac-tag-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-tag-error-border,var(--a-border-danger));color:var(--ac-tag-error-text,var(--a-text-default))}.navds-tag--error-filled{background-color:var(--ac-tag-error-filled-bg,var(--a-surface-danger));border-color
|
|
1
|
+
.navds-tag{--__ac-tag-icon-size:1.5rem;--__ac-tag-icon-margin:-2px;align-items:center;border:1px solid;border-radius:var(--a-border-radius-small);display:inline-flex;justify-content:center;line-height:1;min-height:2rem;padding:var(--a-spacing-05) var(--a-spacing-2)}.navds-tag--small{min-height:1.5rem;padding:0 var(--a-spacing-1-alt);--__ac-tag-icon-size:1.25rem}.navds-tag--xsmall{min-height:1.25rem;padding:0 var(--a-spacing-1);--__ac-tag-icon-size:1rem;--__ac-tag-icon-margin:-1px}.navds-tag:has(.navds-tag__icon--left){gap:var(--a-spacing-05)}.navds-tag__icon--left{display:flex;font-size:var(--__ac-tag-icon-size);margin-inline-start:var(--__ac-tag-icon-margin)}.navds-tag--error{background-color:var(--ac-tag-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-tag-error-border,var(--a-border-danger));color:var(--ac-tag-error-text,var(--a-text-default))}.navds-tag--error-filled{background-color:var(--ac-tag-error-filled-bg,var(--a-surface-danger));border-color:#0000;color:var(--ac-tag-error-filled-text,var(--a-text-on-danger))}.navds-tag--error-moderate{background-color:var(--ac-tag-error-moderate-bg,var(--a-surface-danger-moderate));border-color:#0000;color:var(--ac-tag-error-moderate-text,var(--a-text-default))}.navds-tag--success{background-color:var(--ac-tag-success-bg,var(--a-surface-success-subtle));border-color:var(--ac-tag-success-border,var(--a-border-success));color:var(--ac-tag-success-text,var(--a-text-default))}.navds-tag--success-filled{background-color:var(--ac-tag-success-filled-bg,var(--a-surface-success));border-color:#0000;color:var(--ac-tag-success-filled-text,var(--a-text-on-success))}.navds-tag--success-moderate{background-color:var(--ac-tag-success-moderate-bg,var(--a-surface-success-moderate));border-color:#0000;color:var(--ac-tag-success-moderate-text,var(--a-text-default))}.navds-tag--warning{background-color:var(--ac-tag-warning-bg,var(--a-surface-warning-subtle));border-color:var(--ac-tag-warning-border,var(--a-border-warning));color:var(--ac-tag-warning-text,var(--a-text-default))}.navds-tag--warning-filled{background-color:var(--ac-tag-warning-filled-bg,var(--a-surface-warning));border-color:#0000;color:var(--ac-tag-warning-filled-text,var(--a-text-on-warning))}.navds-tag--warning-moderate{background-color:var(--ac-tag-warning-moderate-bg,var(--a-surface-warning-moderate));border-color:#0000;color:var(--ac-tag-warning-moderate-text,var(--a-text-default))}.navds-tag--info{background-color:var(--ac-tag-info-bg,var(--a-surface-info-subtle));border-color:var(--ac-tag-info-border,var(--a-border-info));color:var(--ac-tag-info-text,var(--a-text-default))}.navds-tag--info-filled{background-color:var(--ac-tag-info-filled-bg,var(--a-surface-info));border-color:#0000;color:var(--ac-tag-info-filled-text,var(--a-text-on-info))}.navds-tag--info-moderate{background-color:var(--ac-tag-info-moderate-bg,var(--a-surface-info-moderate));border-color:#0000;color:var(--ac-tag-info-moderate-text,var(--a-text-default))}.navds-tag--neutral{background-color:var(--ac-tag-neutral-bg,var(--a-surface-neutral-subtle));border-color:var(--ac-tag-neutral-border,var(--a-border-default));color:var(--ac-tag-neutral-text,var(--a-text-default))}.navds-tag--neutral-filled{background-color:var(--ac-tag-neutral-filled-bg,var(--a-surface-neutral));border-color:#0000;color:var(--ac-tag-neutral-filled-text,var(--a-text-on-neutral))}.navds-tag--neutral-moderate{background-color:var(--ac-tag-neutral-moderate-bg,var(--a-surface-neutral-moderate));border-color:#0000;color:var(--ac-tag-neutral-moderate-text,var(--a-text-default))}.navds-tag--alt1{background-color:var(--ac-tag-alt-1-bg,var(--a-surface-alt-1-subtle));border-color:var(--ac-tag-alt-1-border,var(--a-border-alt-1));color:var(--ac-tag-alt-1-text,var(--a-text-default))}.navds-tag--alt1-filled{background-color:var(--ac-tag-alt-1-filled-bg,var(--a-surface-alt-1));border-color:#0000;color:var(--ac-tag-alt-1-filled-text,var(--a-text-on-alt-1))}.navds-tag--alt1-moderate{background-color:var(--ac-tag-alt-1-moderate-bg,var(--a-surface-alt-1-moderate));border-color:#0000;color:var(--ac-tag-alt-1-moderate-text,var(--a-text-default))}.navds-tag--alt2{background-color:var(--ac-tag-alt-2-bg,var(--a-surface-alt-2-subtle));border-color:var(--ac-tag-alt-2-border,var(--a-border-alt-2));color:var(--ac-tag-alt-2-text,var(--a-text-default))}.navds-tag--alt2-filled{background-color:var(--ac-tag-alt-2-filled-bg,var(--a-surface-alt-2));border-color:#0000;color:var(--ac-tag-alt-2-filled-text,var(--a-text-on-alt-2))}.navds-tag--alt2-moderate{background-color:var(--ac-tag-alt-2-moderate-bg,var(--a-surface-alt-2-moderate));border-color:#0000;color:var(--ac-tag-alt-2-moderate-text,var(--a-text-default))}.navds-tag--alt3{background-color:var(--ac-tag-alt-3-bg,var(--a-surface-alt-3-subtle));border-color:var(--ac-tag-alt-3-border,var(--a-border-alt-3));color:var(--ac-tag-alt-3-text,var(--a-text-default))}.navds-tag--alt3-filled{background-color:var(--ac-tag-alt-3-filled-bg,var(--a-surface-alt-3));border-color:#0000;color:var(--ac-tag-alt-3-filled-text,var(--a-text-on-alt-3))}.navds-tag--alt3-moderate{background-color:var(--ac-tag-alt-3-moderate-bg,var(--a-surface-alt-3-moderate));border-color:#0000;color:var(--ac-tag-alt-3-moderate-text,var(--a-text-default))}@media (forced-colors:active){.navds-tag{forced-color-adjust:none}.navds-tag--neutral,.navds-tag--neutral-moderate{border-color:canvastext;color:initial}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-timeline{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;position:relative;width:100%}.navds-timeline__axislabels{box-sizing:content-box;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(88% - var(--navdsc-timeline-pin-size));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:transparent;border-top-color:transparent}.navds-timeline__popover[data-placement^=bottom]>.navds-timeline__popover-arrow{border-bottom-color:transparent;border-right-color:transparent}.navds-timeline__popover[data-placement^=left]>.navds-timeline__popover-arrow{border-bottom-color:transparent;border-left-color:transparent}.navds-timeline__popover[data-placement^=right]>.navds-timeline__popover-arrow{border-right-color:transparent;border-top-color:transparent}@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 transparent}.navds-timeline__pin-button{outline:4px solid transparent}.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}}
|
|
1
|
+
.navds-timeline{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:-webkit-fit-content;min-width:-moz-fit-content;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(88% - var(--navdsc-timeline-pin-size));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}}
|
|
@@ -1 +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:var(--a-border-radius-medium);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) + .0625rem)}.navds-toggle-group--small{padding:calc(var(--a-spacing-05) + .0625rem)}.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-small);color:var(--ac-toggle-group-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-weight:var(--a-font-weight-regular);justify-content:center;min-height:2.375rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--a-spacing-1) var(--a-spacing-3)}.navds-toggle-group--medium>:where(.navds-toggle-group__button:first-of-type:focus-visible){border-end-start-radius:1px;border-start-start-radius:1px}.navds-toggle-group--medium>:where(.navds-toggle-group__button:last-of-type:focus-visible){border-end-end-radius:1px;border-start-end-radius:1px}.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-default))}.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:2px solid
|
|
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:var(--a-border-radius-medium);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) + .0625rem)}.navds-toggle-group--small{padding:calc(var(--a-spacing-05) + .0625rem)}.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-small);color:var(--ac-toggle-group-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-weight:var(--a-font-weight-regular);justify-content:center;min-height:2.375rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--a-spacing-1) var(--a-spacing-3)}.navds-toggle-group--medium>:where(.navds-toggle-group__button:first-of-type:focus-visible){border-end-start-radius:1px;border-start-start-radius:1px}.navds-toggle-group--medium>:where(.navds-toggle-group__button:last-of-type:focus-visible){border-end-end-radius:1px;border-start-end-radius:1px}.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-default))}.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:2px solid #0000;outline-offset:1px}@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:2px solid #0000;outline-offset:1px}}.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;font-weight:inherit;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-selected));color:var(--ac-toggle-group-neutral-selected-text,var(--a-text-on-neutral))}.navds-toggle-group--small>.navds-toggle-group__button{min-height:1.625rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--a-spacing-05) var(--a-spacing-3)}.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}@media (forced-colors:active){.navds-toggle-group{border:2px solid #0000}.navds-toggle-group__button:hover{color:highlight}.navds-toggle-group__button[aria-checked=true],.navds-toggle-group__button[aria-pressed=true]{background-color:selecteditem;color:selecteditemtext}.navds-toggle-group__button[aria-checked=true]>*,.navds-toggle-group__button[aria-pressed=true]>*{forced-color-adjust:none}.navds-toggle-group__button:active{background-color:none!important}.navds-toggle-group__button:focus-visible{outline-color:highlight}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.navds-tooltip{align-items:center;animation-duration:.2s;animation-name:tooltipFadeIn;animation-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--a-border-radius-small);color:var(--ac-tooltip-text,var(--a-text-on-inverted));display:flex;filter:drop-shadow(0 2px 4px rgba(0 0 0/.1)) drop-shadow(0 4px 6px rgba(0 0 0/.1));flex-direction:column;padding:0 var(--a-spacing-2);text-align:center;z-index:var(--a-z-index-tooltip)}.navds-tooltip,.navds-tooltip__arrow{background-color:var(--ac-tooltip-bg,var(--a-surface-inverted))}.navds-tooltip__arrow{height:.4375rem;position:absolute;transform:rotate(45deg);width:.4375rem;z-index:-1}.navds-tooltip__keys{display:flex;gap:var(--a-spacing-1);padding-bottom:var(--a-spacing-1)}.navds-tooltip__key{align-items:center;background-color:var(--ac-tooltip-key-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-small);color:var(--ac-tooltip-key-text,var(--a-text-on-inverted));display:inline-flex;font-family:var(--a-font-family);height:1.125rem;justify-content:center;min-width:1.125rem;padding:0 var(--a-spacing-1)}@media (forced-colors:active){.navds-tooltip{--__a-tooltip-high-contrast-border:1px solid
|
|
1
|
+
@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.navds-tooltip{align-items:center;animation-duration:.2s;animation-name:tooltipFadeIn;animation-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--a-border-radius-small);color:var(--ac-tooltip-text,var(--a-text-on-inverted));display:flex;filter:drop-shadow(0 2px 4px rgba(0 0 0/.1)) drop-shadow(0 4px 6px rgba(0 0 0/.1));flex-direction:column;padding:0 var(--a-spacing-2);text-align:center;z-index:var(--a-z-index-tooltip)}.navds-tooltip,.navds-tooltip__arrow{background-color:var(--ac-tooltip-bg,var(--a-surface-inverted))}.navds-tooltip__arrow{height:.4375rem;position:absolute;transform:rotate(45deg);width:.4375rem;z-index:-1}.navds-tooltip__keys{display:flex;gap:var(--a-spacing-1);padding-bottom:var(--a-spacing-1)}.navds-tooltip__key{align-items:center;background-color:var(--ac-tooltip-key-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-small);color:var(--ac-tooltip-key-text,var(--a-text-on-inverted));display:inline-flex;font-family:var(--a-font-family);height:1.125rem;justify-content:center;min-width:1.125rem;padding:0 var(--a-spacing-1)}@media (forced-colors:active){.navds-tooltip{--__a-tooltip-high-contrast-border:1px solid #0000;border:var(--__a-tooltip-high-contrast-border)}.navds-tooltip[data-side=top] .navds-tooltip__arrow{border-bottom:var(--__a-tooltip-high-contrast-border);border-right:var(--__a-tooltip-high-contrast-border)}.navds-tooltip[data-side=right] .navds-tooltip__arrow{border-bottom:var(--__a-tooltip-high-contrast-border);border-left:var(--__a-tooltip-high-contrast-border)}.navds-tooltip[data-side=bottom] .navds-tooltip__arrow{border-left:var(--__a-tooltip-high-contrast-border);border-top:var(--__a-tooltip-high-contrast-border)}.navds-tooltip[data-side=left] .navds-tooltip__arrow{border-right:var(--__a-tooltip-high-contrast-border);border-top:var(--__a-tooltip-high-contrast-border)}}
|
package/dist/components.css
CHANGED
|
@@ -2216,6 +2216,238 @@
|
|
|
2216
2216
|
}
|
|
2217
2217
|
}
|
|
2218
2218
|
|
|
2219
|
+
/**
|
|
2220
|
+
* Makes it easier for user to use FileItem in semantic lists
|
|
2221
|
+
*/
|
|
2222
|
+
|
|
2223
|
+
.navds-file-upload :is(ul, li) {
|
|
2224
|
+
list-style: none;
|
|
2225
|
+
margin: 0;
|
|
2226
|
+
padding: 0;
|
|
2227
|
+
}
|
|
2228
|
+
|
|
2229
|
+
/**
|
|
2230
|
+
* FileUpload.Dropzone
|
|
2231
|
+
*/
|
|
2232
|
+
|
|
2233
|
+
.navds-dropzone__area {
|
|
2234
|
+
--__ac-dropzone-background: var(--a-surface-subtle);
|
|
2235
|
+
--__ac-dropzone-text-color: var(--a-text-default);
|
|
2236
|
+
--__ac-dropzone-padding: var(--a-spacing-6);
|
|
2237
|
+
--__ac-dropzone-icon-padding: var(--a-spacing-2);
|
|
2238
|
+
--__ac-dropzone-animation-length-long: 0.6s;
|
|
2239
|
+
--__ac-dropzone-animation-length-short: 250ms;
|
|
2240
|
+
--__ac-dropzone-animation-ease-out: cubic-bezier(0.3, 1, 0.3, 1);
|
|
2241
|
+
--__ac-dropzone-animation-over-under: cubic-bezier(0.3, 1.4, 0.3, 1);
|
|
2242
|
+
|
|
2243
|
+
position: relative;
|
|
2244
|
+
width: 100%;
|
|
2245
|
+
display: flex;
|
|
2246
|
+
align-items: center;
|
|
2247
|
+
flex-direction: column;
|
|
2248
|
+
gap: var(--a-spacing-4);
|
|
2249
|
+
text-align: center;
|
|
2250
|
+
padding: var(--__ac-dropzone-padding);
|
|
2251
|
+
outline: 1px dashed var(--a-border-subtle);
|
|
2252
|
+
outline-offset: -1px;
|
|
2253
|
+
border-radius: var(--a-border-radius-large);
|
|
2254
|
+
background-color: var(--__ac-dropzone-background);
|
|
2255
|
+
color: var(--__ac-dropzone-text-color);
|
|
2256
|
+
transition: background-color var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);
|
|
2257
|
+
cursor: pointer;
|
|
2258
|
+
}
|
|
2259
|
+
|
|
2260
|
+
.navds-dropzone__area:hover {
|
|
2261
|
+
box-shadow: inset 0 2px 4px 1px rgb(11 11 11/ 0.05);
|
|
2262
|
+
outline-color: var(--a-border-default);
|
|
2263
|
+
}
|
|
2264
|
+
|
|
2265
|
+
.navds-dropzone--disabled > .navds-dropzone__area:hover {
|
|
2266
|
+
outline-color: var(--a-border-subtle);
|
|
2267
|
+
box-shadow: initial;
|
|
2268
|
+
cursor: default;
|
|
2269
|
+
}
|
|
2270
|
+
|
|
2271
|
+
.navds-dropzone--dragging > .navds-dropzone__area {
|
|
2272
|
+
--__ac-dropzone-background: var(--a-surface-action-subtle-hover);
|
|
2273
|
+
}
|
|
2274
|
+
|
|
2275
|
+
.navds-dropzone--dragging > .navds-dropzone__area::after {
|
|
2276
|
+
outline: 1px dashed var(--a-border-subtle);
|
|
2277
|
+
outline-offset: -1px;
|
|
2278
|
+
color: var(--a-text-action-selected);
|
|
2279
|
+
background-color: var(--a-surface-hover);
|
|
2280
|
+
content: "";
|
|
2281
|
+
inset: 0;
|
|
2282
|
+
position: absolute;
|
|
2283
|
+
-webkit-backdrop-filter: blur(8px);
|
|
2284
|
+
backdrop-filter: blur(8px);
|
|
2285
|
+
box-shadow: inset 0 2px 7px 3px rgb(11 11 11/ 0.1);
|
|
2286
|
+
border-radius: var(--a-border-radius-large);
|
|
2287
|
+
animation: akselDropzoneDragoverAnimation var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);
|
|
2288
|
+
}
|
|
2289
|
+
|
|
2290
|
+
@keyframes akselDropzoneDragoverAnimation {
|
|
2291
|
+
0% {
|
|
2292
|
+
-webkit-backdrop-filter: blur(0);
|
|
2293
|
+
backdrop-filter: blur(0);
|
|
2294
|
+
background-color: var(--a-surface-transparent);
|
|
2295
|
+
}
|
|
2296
|
+
|
|
2297
|
+
70% {
|
|
2298
|
+
-webkit-backdrop-filter: blur(8px);
|
|
2299
|
+
backdrop-filter: blur(8px);
|
|
2300
|
+
}
|
|
2301
|
+
|
|
2302
|
+
100% {
|
|
2303
|
+
background-color: var(--a-surface-hover);
|
|
2304
|
+
}
|
|
2305
|
+
}
|
|
2306
|
+
|
|
2307
|
+
.navds-dropzone__area-icon {
|
|
2308
|
+
display: grid;
|
|
2309
|
+
padding: var(--__ac-dropzone-icon-padding);
|
|
2310
|
+
visibility: hidden;
|
|
2311
|
+
}
|
|
2312
|
+
|
|
2313
|
+
.navds-dropzone--error:where(:not(.navds-dropzone--dragging)) > .navds-dropzone__area {
|
|
2314
|
+
outline-color: var(--a-surface-danger);
|
|
2315
|
+
outline-width: 2px;
|
|
2316
|
+
}
|
|
2317
|
+
|
|
2318
|
+
.navds-dropzone__area:hover > .navds-dropzone__area-button {
|
|
2319
|
+
color: var(--ac-button-secondary-hover-text, var(--__ac-button-secondary-hover-text, var(--a-text-action-on-action-subtle)));
|
|
2320
|
+
background-color: var(
|
|
2321
|
+
--ac-button-secondary-hover-bg,
|
|
2322
|
+
var(--__ac-button-secondary-hover-bg, var(--a-surface-action-subtle-hover))
|
|
2323
|
+
);
|
|
2324
|
+
}
|
|
2325
|
+
|
|
2326
|
+
.navds-dropzone__area:active .navds-dropzone__area-button {
|
|
2327
|
+
color: var(--ac-button-secondary-active-text, var(--__ac-button-secondary-active-text, var(--a-text-on-action)));
|
|
2328
|
+
background-color: var(--ac-button-secondary-active-bg, var(--__ac-button-secondary-active-bg, var(--a-surface-action-active)));
|
|
2329
|
+
box-shadow: none;
|
|
2330
|
+
}
|
|
2331
|
+
|
|
2332
|
+
.navds-dropzone__area-release {
|
|
2333
|
+
top: var(--__ac-dropzone-padding);
|
|
2334
|
+
display: grid;
|
|
2335
|
+
position: absolute;
|
|
2336
|
+
z-index: 1;
|
|
2337
|
+
pointer-events: none;
|
|
2338
|
+
transition:
|
|
2339
|
+
top var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under),
|
|
2340
|
+
transform var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);
|
|
2341
|
+
}
|
|
2342
|
+
|
|
2343
|
+
.navds-dropzone__area-release__icon {
|
|
2344
|
+
display: grid;
|
|
2345
|
+
padding: var(--__ac-dropzone-icon-padding);
|
|
2346
|
+
border-radius: var(--a-border-radius-full);
|
|
2347
|
+
background-color: var(--a-surface-neutral-subtle);
|
|
2348
|
+
transition:
|
|
2349
|
+
background-color 300ms var(--__ac-dropzone-animation-ease-out),
|
|
2350
|
+
font-size 300ms var(--__ac-dropzone-animation-ease-out);
|
|
2351
|
+
font-size: 1.5rem;
|
|
2352
|
+
}
|
|
2353
|
+
|
|
2354
|
+
.navds-dropzone--dragging .navds-dropzone__area-release > .navds-dropzone__area-release__icon {
|
|
2355
|
+
background-color: transparent;
|
|
2356
|
+
font-size: 2rem;
|
|
2357
|
+
}
|
|
2358
|
+
|
|
2359
|
+
.navds-dropzone__area-release__text {
|
|
2360
|
+
visibility: hidden;
|
|
2361
|
+
}
|
|
2362
|
+
|
|
2363
|
+
.navds-dropzone--dragging .navds-dropzone__area-release > .navds-dropzone__area-release__text {
|
|
2364
|
+
transition: visibility var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);
|
|
2365
|
+
visibility: visible;
|
|
2366
|
+
}
|
|
2367
|
+
|
|
2368
|
+
.navds-dropzone--dragging .navds-dropzone__area-release {
|
|
2369
|
+
color: var(--a-text-action-selected);
|
|
2370
|
+
top: 50%;
|
|
2371
|
+
transform: translateY(-50%);
|
|
2372
|
+
}
|
|
2373
|
+
|
|
2374
|
+
.navds-dropzone__area-disabled {
|
|
2375
|
+
color: var(--a-text-subtle);
|
|
2376
|
+
display: flex;
|
|
2377
|
+
align-items: center;
|
|
2378
|
+
flex-direction: column;
|
|
2379
|
+
gap: var(--a-spacing-2);
|
|
2380
|
+
}
|
|
2381
|
+
|
|
2382
|
+
/**
|
|
2383
|
+
* FileUpload.Item
|
|
2384
|
+
*/
|
|
2385
|
+
|
|
2386
|
+
.navds-file-item__inner {
|
|
2387
|
+
outline: 1px solid var(--a-border-subtle);
|
|
2388
|
+
outline-offset: -1px;
|
|
2389
|
+
transition: outline-color 250ms cubic-bezier(0, 0.3, 0.15, 1);
|
|
2390
|
+
border-radius: var(--a-border-radius-large);
|
|
2391
|
+
padding: var(--a-spacing-3);
|
|
2392
|
+
display: flex;
|
|
2393
|
+
gap: var(--a-spacing-3);
|
|
2394
|
+
align-items: flex-start;
|
|
2395
|
+
}
|
|
2396
|
+
|
|
2397
|
+
.navds-file-item--error > .navds-file-item__inner {
|
|
2398
|
+
outline: 2px solid var(--a-surface-danger);
|
|
2399
|
+
}
|
|
2400
|
+
|
|
2401
|
+
.navds-file-item__icon {
|
|
2402
|
+
background-color: var(--a-surface-neutral-subtle);
|
|
2403
|
+
color: var(--a-icon-default);
|
|
2404
|
+
border-radius: var(--a-border-radius-xlarge);
|
|
2405
|
+
min-height: 3rem;
|
|
2406
|
+
min-width: 3rem;
|
|
2407
|
+
display: grid;
|
|
2408
|
+
place-content: center;
|
|
2409
|
+
transition: background-color 250ms cubic-bezier(0, 0.3, 0.15, 1);
|
|
2410
|
+
}
|
|
2411
|
+
|
|
2412
|
+
.navds-file-item__icon--loading {
|
|
2413
|
+
background-color: transparent;
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
.navds-file-item__file-info {
|
|
2417
|
+
word-break: break-word;
|
|
2418
|
+
}
|
|
2419
|
+
|
|
2420
|
+
.navds-file-item__button {
|
|
2421
|
+
margin-left: auto;
|
|
2422
|
+
}
|
|
2423
|
+
|
|
2424
|
+
.navds-file-item__error {
|
|
2425
|
+
color: var(--a-text-danger);
|
|
2426
|
+
display: grid;
|
|
2427
|
+
transition-property: grid-template-rows, padding-top;
|
|
2428
|
+
transition-duration: 250ms;
|
|
2429
|
+
transition-timing-function: cubic-bezier(0, 0.3, 0.15, 1);
|
|
2430
|
+
overflow: hidden;
|
|
2431
|
+
grid-template-rows: 0fr;
|
|
2432
|
+
}
|
|
2433
|
+
|
|
2434
|
+
.navds-file-item--error .navds-file-item__error {
|
|
2435
|
+
grid-template-rows: 1fr;
|
|
2436
|
+
padding-top: var(--a-spacing-1);
|
|
2437
|
+
}
|
|
2438
|
+
|
|
2439
|
+
.navds-file-item__error-content > svg {
|
|
2440
|
+
flex-shrink: 0;
|
|
2441
|
+
height: 1rem;
|
|
2442
|
+
margin-top: 0.1rem;
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2445
|
+
.navds-file-item__error-content {
|
|
2446
|
+
min-height: 0;
|
|
2447
|
+
display: flex;
|
|
2448
|
+
gap: var(--a-spacing-1);
|
|
2449
|
+
}
|
|
2450
|
+
|
|
2219
2451
|
.navds-form-field {
|
|
2220
2452
|
display: grid;
|
|
2221
2453
|
justify-items: start;
|
|
@@ -2228,13 +2460,15 @@
|
|
|
2228
2460
|
}
|
|
2229
2461
|
|
|
2230
2462
|
.navds-form-field .navds-error-message,
|
|
2231
|
-
.navds-fieldset .navds-error-message
|
|
2463
|
+
.navds-fieldset .navds-error-message,
|
|
2464
|
+
.navds-file-item .navds-error-message {
|
|
2232
2465
|
display: flex;
|
|
2233
2466
|
gap: var(--a-spacing-2);
|
|
2234
2467
|
}
|
|
2235
2468
|
|
|
2236
2469
|
.navds-form-field .navds-error-message::before,
|
|
2237
|
-
.navds-fieldset .navds-error-message::before
|
|
2470
|
+
.navds-fieldset .navds-error-message::before,
|
|
2471
|
+
.navds-file-item .navds-error-message::before {
|
|
2238
2472
|
content: "•";
|
|
2239
2473
|
}
|
|
2240
2474
|
|