@navikt/ds-css 6.2.0 → 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 +6 -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
package/CHANGELOG.md
CHANGED
package/config/_mappings.js
CHANGED
|
@@ -120,6 +120,11 @@ const StyleMappings = {
|
|
|
120
120
|
dependencies: [typoCss],
|
|
121
121
|
},
|
|
122
122
|
{ component: "Fieldset", main: formCss, dependencies: [typoCss] },
|
|
123
|
+
{
|
|
124
|
+
component: "FileUpload",
|
|
125
|
+
main: formCss,
|
|
126
|
+
dependencies: [typoCss, "button.css", "loader.css", "link.css"],
|
|
127
|
+
},
|
|
123
128
|
{ component: "Grid", main: "grid.css", dependencies: [typoCss] },
|
|
124
129
|
{
|
|
125
130
|
component: "GuidePanel",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-accordion{--__ac-accordion-header-shadow-color:var(--ac-accordion-header-border,var(--a-border-divider))}.navds-accordion__item:focus-within{position:relative}.navds-accordion__header{--__ac-accordion-header-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);align-items:flex-start;background:var(--ac-accordion-header-bg,var(--a-surface-transparent));border:none;box-shadow:var(--__ac-accordion-header-shadow);cursor:pointer;display:flex;gap:var(--a-spacing-2);justify-content:flex-start;margin:0;padding:var(--a-spacing-3);position:relative;text-align:left;width:100%;z-index:1}.navds-accordion__header:hover{background-color:var(--ac-accordion-header-bg-hover,var(--a-surface-hover));color:var(--ac-accordion-header-text-hover,inherit);text-decoration:underline}.navds-accordion--small .navds-accordion__header{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-accordion--medium .navds-accordion__header{padding:var(--a-spacing-3)}.navds-accordion--large .navds-accordion__header{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-accordion__item:last-child>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open) :where(.navds-accordion__header){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item--open>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow)}.navds-accordion__header:focus-visible{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:2px solid
|
|
1
|
+
.navds-accordion{--__ac-accordion-header-shadow-color:var(--ac-accordion-header-border,var(--a-border-divider))}.navds-accordion__item:focus-within{position:relative}.navds-accordion__header{--__ac-accordion-header-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);align-items:flex-start;background:var(--ac-accordion-header-bg,var(--a-surface-transparent));border:none;box-shadow:var(--__ac-accordion-header-shadow);cursor:pointer;display:flex;gap:var(--a-spacing-2);justify-content:flex-start;margin:0;padding:var(--a-spacing-3);position:relative;text-align:left;width:100%;z-index:1}.navds-accordion__header:hover{background-color:var(--ac-accordion-header-bg-hover,var(--a-surface-hover));color:var(--ac-accordion-header-text-hover,inherit);text-decoration:underline}.navds-accordion--small .navds-accordion__header{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-accordion--medium .navds-accordion__header{padding:var(--a-spacing-3)}.navds-accordion--large .navds-accordion__header{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-accordion__item:last-child>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open) :where(.navds-accordion__header){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item--open>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow)}.navds-accordion__header:focus-visible{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:3px}@supports not selector(:focus-visible){.navds-accordion__header:focus{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:none}}.navds-accordion__header-content{overflow:hidden;text-overflow:ellipsis}.navds-accordion__icon-wrapper{align-self:center;border-radius:var(--a-border-radius-medium);display:grid;height:var(--a-spacing-6);place-content:center;width:var(--a-spacing-6)}.navds-accordion__header:hover>.navds-accordion__icon-wrapper{background-color:var(--ac-accordion-header-icon-bg-hover,var(--a-surface-neutral-subtle-hover))}.navds-accordion__header-chevron{align-self:center;border-radius:var(--a-border-radius-medium);flex-shrink:0;font-size:1.5rem;height:1.75rem;transition:transform .15s ease-in-out}:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(1px)}.navds-accordion__item--open>:where(.navds-accordion__header)>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(0) rotate(-180deg)}.navds-accordion__item--open>:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(-1px) rotate(-180deg)}.navds-accordion__item--open{background-color:var(--ac-accordion-item-bg-open,var(--a-transparent))}.navds-accordion__item--open.navds-accordion__item--neutral{background-color:var(--ac-accordion-neutral-item-bg-open,var(--a-surface-neutral-subtle))}.navds-accordion__content{animation:fadeAccordionContent .25s ease;padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5)}.navds-accordion--indent>:where(.navds-accordion__item)>:where(.navds-accordion__content){padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11)}.navds-accordion__content--closed{display:none}.navds-accordion__item--no-animation :where(.navds-accordion__content){animation:none}@keyframes fadeAccordionContent{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-accordion__header{background-color:canvas;border:1px solid buttonborder;color:initial}.navds-accordion__header:hover{background-color:canvas;border:1px solid highlight;color:highlight}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-alert{align-items:center;border:1px solid;border-radius:var(--a-border-radius-medium);display:flex;gap:var(--a-spacing-3);padding:var(--a-spacing-4)}.navds-alert__wrapper{max-width:43.5rem}.navds-alert--close-button>.navds-alert__wrapper{margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__wrapper{margin-block-start:var(--a-spacing-1)}.navds-alert--small{gap:var(--a-spacing-2);padding:var(--a-spacing-2) var(--a-spacing-4)}.navds-alert--full-width{border-radius:0}.navds-alert>.navds-alert__icon{align-self:flex-start;background:radial-gradient(circle,var(--a-surface-default) 47%,0
|
|
1
|
+
.navds-alert{align-items:center;border:1px solid;border-radius:var(--a-border-radius-medium);display:flex;gap:var(--a-spacing-3);padding:var(--a-spacing-4)}.navds-alert__wrapper{max-width:43.5rem}.navds-alert--close-button>.navds-alert__wrapper{margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__wrapper{margin-block-start:var(--a-spacing-1)}.navds-alert--small{gap:var(--a-spacing-2);padding:var(--a-spacing-2) var(--a-spacing-4)}.navds-alert--full-width{border-radius:0}.navds-alert>.navds-alert__icon{align-self:flex-start;background:radial-gradient(circle,var(--a-surface-default) 47%,0,#0000);flex-shrink:0;font-size:1.5rem;height:var(--a-font-line-height-xlarge)}.navds-alert--small>.navds-alert__icon{height:var(--a-font-line-height-large);margin-block-start:0}.navds-alert--close-button>.navds-alert__icon{margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__icon{margin-block-start:var(--a-spacing-1)}.navds-alert--error{background-color:var(--ac-alert-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-alert-error-border,var(--a-border-danger))}.navds-alert--error>.navds-alert__icon{color:var(--ac-alert-icon-error-color,var(--a-icon-danger))}.navds-alert--warning{background-color:var(--ac-alert-warning-bg,var(--a-surface-warning-subtle));border-color:var(--ac-alert-warning-border,var(--a-border-warning))}.navds-alert--warning>.navds-alert__icon{background:radial-gradient(circle at 50% 57%,var(--a-surface-default) 30%,0,#0000);color:var(--ac-alert-icon-warning-color,var(--a-icon-warning))}.navds-alert--info{background-color:var(--ac-alert-info-bg,var(--a-surface-info-subtle));border-color:var(--ac-alert-info-border,var(--a-border-info))}.navds-alert--info>.navds-alert__icon{color:var(--ac-alert-icon-info-color,var(--a-icon-info))}.navds-alert--success{background-color:var(--ac-alert-success-bg,var(--a-surface-success-subtle));border-color:var(--ac-alert-success-border,var(--a-border-success))}.navds-alert--success>.navds-alert__icon{color:var(--ac-alert-icon-success-color,var(--a-icon-success))}.navds-alert--inline{background-color:initial;border:none;padding:0}.navds-alert__button-wrapper{align-self:flex-start;display:flex;flex:1;flex-flow:row nowrap;justify-content:flex-end}@media (forced-colors:active){.navds-alert{background-color:canvas;border:1px solid canvastext;color:initial}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
[data-theme=dark]{--__ac-button-primary-text:var(--a-gray-900);--__ac-button-primary-bg:var(--a-blue-200);--__ac-button-primary-focus-border:var(--a-gray-900);--__ac-button-primary-hover-bg:var(--a-blue-300);--__ac-button-primary-active-bg:var(--a-blue-400);--__ac-button-secondary-text:var(--a-white);--__ac-button-secondary-hover-text:var(--a-white);--__ac-button-secondary-active-text:var(--a-white);--__ac-button-secondary-active-focus-border:var(--a-gray-900);--__ac-button-secondary-bg:var(--a-gray-900);--__ac-button-secondary-border:var(--a-blue-200);--__ac-button-secondary-hover-bg:var(--a-gray-800);--__ac-button-secondary-focus-border:var(--a-blue-200);--__ac-button-secondary-active-bg:var(--a-gray-700)}[data-theme=light]{--__ac-button-primary-text:initial;--__ac-button-primary-bg:initial;--__ac-button-primary-focus-border:initial;--__ac-button-primary-hover-bg:initial;--__ac-button-primary-active-bg:initial;--__ac-button-secondary-text:initial;--__ac-button-secondary-hover-text:initial;--__ac-button-secondary-active-text:initial;--__ac-button-secondary-active-focus-border:initial;--__ac-button-secondary-bg:initial;--__ac-button-secondary-border:initial;--__ac-button-secondary-hover-bg:initial;--__ac-button-secondary-focus-border:initial;--__ac-button-secondary-active-bg:initial}.navds-button{--__ac-button-padding:var(--a-spacing-3) var(--a-spacing-5);align-items:center;background:none;border:none;border-radius:var(--ac-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:inline-flex;gap:var(--a-spacing-2);justify-content:center;margin:0;padding:var(--ac-button-padding,var(--__ac-button-padding));text-decoration:none}.navds-button--small{--__ac-button-padding:var(--a-spacing-1) var(--a-spacing-3);min-height:2rem;padding:var(--ac-button-padding-small,var(--__ac-button-padding))}.navds-button--xsmall{--__ac-button-padding:var(--a-spacing-05) var(--a-spacing-2);gap:var(--a-spacing-1);padding:var(--ac-button-padding-xsmall,var(--__ac-button-padding))}.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-3);padding:var(--ac-button-padding-icon-only,var(--__ac-button-padding))}.navds-button--small.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-1);padding:var(--ac-button-padding-icon-only-small,var(--__ac-button-padding))}.navds-button--xsmall.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-05);padding:var(--ac-button-padding-icon-only-xsmall,var(--__ac-button-padding))}.navds-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:2px solid
|
|
1
|
+
[data-theme=dark]{--__ac-button-primary-text:var(--a-gray-900);--__ac-button-primary-bg:var(--a-blue-200);--__ac-button-primary-focus-border:var(--a-gray-900);--__ac-button-primary-hover-bg:var(--a-blue-300);--__ac-button-primary-active-bg:var(--a-blue-400);--__ac-button-secondary-text:var(--a-white);--__ac-button-secondary-hover-text:var(--a-white);--__ac-button-secondary-active-text:var(--a-white);--__ac-button-secondary-active-focus-border:var(--a-gray-900);--__ac-button-secondary-bg:var(--a-gray-900);--__ac-button-secondary-border:var(--a-blue-200);--__ac-button-secondary-hover-bg:var(--a-gray-800);--__ac-button-secondary-focus-border:var(--a-blue-200);--__ac-button-secondary-active-bg:var(--a-gray-700)}[data-theme=light]{--__ac-button-primary-text:initial;--__ac-button-primary-bg:initial;--__ac-button-primary-focus-border:initial;--__ac-button-primary-hover-bg:initial;--__ac-button-primary-active-bg:initial;--__ac-button-secondary-text:initial;--__ac-button-secondary-hover-text:initial;--__ac-button-secondary-active-text:initial;--__ac-button-secondary-active-focus-border:initial;--__ac-button-secondary-bg:initial;--__ac-button-secondary-border:initial;--__ac-button-secondary-hover-bg:initial;--__ac-button-secondary-focus-border:initial;--__ac-button-secondary-active-bg:initial}.navds-button{--__ac-button-padding:var(--a-spacing-3) var(--a-spacing-5);align-items:center;background:none;border:none;border-radius:var(--ac-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:inline-flex;gap:var(--a-spacing-2);justify-content:center;margin:0;padding:var(--ac-button-padding,var(--__ac-button-padding));text-decoration:none}.navds-button--small{--__ac-button-padding:var(--a-spacing-1) var(--a-spacing-3);min-height:2rem;padding:var(--ac-button-padding-small,var(--__ac-button-padding))}.navds-button--xsmall{--__ac-button-padding:var(--a-spacing-05) var(--a-spacing-2);gap:var(--a-spacing-1);padding:var(--ac-button-padding-xsmall,var(--__ac-button-padding))}.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-3);padding:var(--ac-button-padding-icon-only,var(--__ac-button-padding))}.navds-button--small.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-1);padding:var(--ac-button-padding-icon-only-small,var(--__ac-button-padding))}.navds-button--xsmall.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-05);padding:var(--ac-button-padding-icon-only-xsmall,var(--__ac-button-padding))}.navds-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-button__icon{--ac-button-icon-margin:-4px;display:flex;font-size:1.5rem}.navds-button__icon:first-child{margin-left:var(--ac-button-icon-margin)}.navds-button__icon:last-child{margin-right:var(--ac-button-icon-margin)}.navds-button__icon:only-child{margin:0}.navds-button--small .navds-button__icon{--ac-button-icon-margin:-2px}.navds-button--xsmall .navds-button__icon{--ac-button-icon-margin:-2px;font-size:1.25rem}.navds-button--primary{background-color:var(--ac-button-primary-bg,var(--__ac-button-primary-bg,var(--a-surface-action)));color:var(--ac-button-primary-text,var(--__ac-button-primary-text,var(--a-text-on-action)))}@media (forced-colors:active){.navds-button.navds-button--primary{background-color:highlight;color:highlighttext}.navds-button.navds-button--primary span{forced-color-adjust:none}}.navds-button--primary:hover{background-color:var(--ac-button-primary-hover-bg,var(--__ac-button-primary-hover-bg,var(--a-surface-action-hover)))}.navds-button--primary:active{background-color:var(--ac-button-primary-active-bg,var(--__ac-button-primary-active-bg,var(--a-surface-action-active)))}.navds-button--primary:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@media (forced-colors:active){.navds-button--primary:focus-visible{box-shadow:none}}@supports not selector(:focus-visible){.navds-button--primary:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--primary:active:where(:disabled,.navds-button--disabled),.navds-button--primary:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-bg,var(--a-surface-action))}.navds-button--primary-neutral{background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral));color:var(--ac-button-primary-neutral-text,var(--a-text-on-neutral))}.navds-button--primary-neutral:hover{background-color:var(--ac-button-primary-neutral-hover-bg,var(--a-surface-neutral-hover))}.navds-button--primary-neutral:active{background-color:var(--ac-button-primary-neutral-active-bg,var(--a-surface-neutral-active))}.navds-button--primary-neutral:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--primary-neutral:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--primary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--primary-neutral:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral))}.navds-button--secondary{background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary:hover{background-color:var(
|
|
2
2
|
--ac-button-secondary-hover-bg,var(--__ac-button-secondary-hover-bg,var(--a-surface-action-subtle-hover))
|
|
3
|
-
);box-shadow:inset 0 0 0 2px var(--ac-button-secondary-hover-border,var(--a-border-action-hover));color:var(--ac-button-secondary-hover-text,var(--__ac-button-secondary-hover-text,var(--a-text-action-on-action-subtle)))}.navds-button--secondary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}}.navds-button--secondary:active{background-color:var(--ac-button-secondary-active-bg,var(--__ac-button-secondary-active-bg,var(--a-surface-action-active)));box-shadow:none;color:var(--ac-button-secondary-active-text,var(--__ac-button-secondary-active-text,var(--a-text-on-action)))}.navds-button--secondary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--secondary:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary-neutral{background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--secondary-neutral:hover{background-color:var(--ac-button-secondary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover))}.navds-button--secondary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}}.navds-button--secondary-neutral:active{background-color:var(--ac-button-secondary-neutral-active-bg,var(--a-surface-neutral-active));box-shadow:none;color:var(--ac-button-secondary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--secondary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--secondary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary-neutral:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--tertiary{background-color:var(--ac-button-tertiary-bg,var(--a-surface-transparent));color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary:hover{background-color:var(--ac-button-tertiary-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-button-tertiary-hover-text,var(--a-text-action-on-action-subtle))}.navds-button--tertiary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}}.navds-button--tertiary:active{background-color:var(--ac-button-tertiary-active-bg,var(--a-surface-action-active));color:var(--ac-button-tertiary-active-text,var(--a-text-on-action))}.navds-button--tertiary:active:hover{background-color:var(--ac-button-tertiary-active-hover-bg,var(--a-surface-action-active))}.navds-button--tertiary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary-neutral{color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--tertiary-neutral:hover{background-color:var(--ac-button-tertiary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-button-tertiary-neutral-hover-text,var(--a-text-default))}.navds-button--tertiary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active{background-color:var(--ac-button-tertiary-neutral-active-bg,var(--a-surface-neutral-active));color:var(--ac-button-tertiary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--tertiary-neutral:active:hover{background-color:var(--ac-button-tertiary-neutral-active-hover-bg,var(--a-surface-neutral-active))}.navds-button--tertiary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--danger{background-color:var(--ac-button-danger-bg,var(--a-surface-danger));color:var(--ac-button-danger-text,var(--a-text-on-danger))}.navds-button--danger:hover{background-color:var(--ac-button-danger-hover-bg,var(--a-surface-danger-hover))}.navds-button--danger:active{background-color:var(--ac-button-danger-active-bg,var(--a-surface-danger-active))}.navds-button--danger:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--danger:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--danger:active:where(:disabled,.navds-button--disabled),.navds-button--danger:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-danger-bg,var(--a-surface-danger))}.navds-button:where(:disabled,.navds-button--disabled){cursor:not-allowed}.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){opacity:.3}.navds-button .navds-loader .navds-loader__foreground{stroke:var(--ac-button-loader-stroke,currentColor)}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:var(--ac-button-primary-loader-stroke-bg
|
|
3
|
+
);box-shadow:inset 0 0 0 2px var(--ac-button-secondary-hover-border,var(--a-border-action-hover));color:var(--ac-button-secondary-hover-text,var(--__ac-button-secondary-hover-text,var(--a-text-action-on-action-subtle)))}.navds-button--secondary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}}.navds-button--secondary:active{background-color:var(--ac-button-secondary-active-bg,var(--__ac-button-secondary-active-bg,var(--a-surface-action-active)));box-shadow:none;color:var(--ac-button-secondary-active-text,var(--__ac-button-secondary-active-text,var(--a-text-on-action)))}.navds-button--secondary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--secondary:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary-neutral{background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--secondary-neutral:hover{background-color:var(--ac-button-secondary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover))}.navds-button--secondary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}}.navds-button--secondary-neutral:active{background-color:var(--ac-button-secondary-neutral-active-bg,var(--a-surface-neutral-active));box-shadow:none;color:var(--ac-button-secondary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--secondary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--secondary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary-neutral:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--tertiary{background-color:var(--ac-button-tertiary-bg,var(--a-surface-transparent));color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary:hover{background-color:var(--ac-button-tertiary-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-button-tertiary-hover-text,var(--a-text-action-on-action-subtle))}.navds-button--tertiary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}}.navds-button--tertiary:active{background-color:var(--ac-button-tertiary-active-bg,var(--a-surface-action-active));color:var(--ac-button-tertiary-active-text,var(--a-text-on-action))}.navds-button--tertiary:active:hover{background-color:var(--ac-button-tertiary-active-hover-bg,var(--a-surface-action-active))}.navds-button--tertiary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary-neutral{color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--tertiary-neutral:hover{background-color:var(--ac-button-tertiary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-button-tertiary-neutral-hover-text,var(--a-text-default))}.navds-button--tertiary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active{background-color:var(--ac-button-tertiary-neutral-active-bg,var(--a-surface-neutral-active));color:var(--ac-button-tertiary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--tertiary-neutral:active:hover{background-color:var(--ac-button-tertiary-neutral-active-hover-bg,var(--a-surface-neutral-active))}.navds-button--tertiary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--danger{background-color:var(--ac-button-danger-bg,var(--a-surface-danger));color:var(--ac-button-danger-text,var(--a-text-on-danger))}.navds-button--danger:hover{background-color:var(--ac-button-danger-hover-bg,var(--a-surface-danger-hover))}.navds-button--danger:active{background-color:var(--ac-button-danger-active-bg,var(--a-surface-danger-active))}.navds-button--danger:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--danger:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--danger:active:where(:disabled,.navds-button--disabled),.navds-button--danger:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-danger-bg,var(--a-surface-danger))}.navds-button:where(:disabled,.navds-button--disabled){cursor:not-allowed}.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){opacity:.3}.navds-button .navds-loader .navds-loader__foreground{stroke:var(--ac-button-loader-stroke,currentColor)}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:var(--ac-button-primary-loader-stroke-bg,#ffffff4d)}@media (forced-colors:active){.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){color:GrayText;opacity:1}.navds-button{background-color:ButtonFace;border:1px solid #0000;color:ButtonText}.navds-button:hover{background-color:highlighttext;border-color:highlight;box-shadow:none;color:highlight}.navds-button:hover span{forced-color-adjust:none}.navds-button .navds-loader .navds-loader__foreground{stroke:canvas}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:canvastext}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-chat{align-items:flex-end;display:flex;gap:var(--a-spacing-3);max-width:40.75rem}.navds-chat--right{flex-direction:row-reverse}.navds-chat__bubble-wrapper{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat__avatar{align-items:center;background-color:var(--ac-chat-avatar-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-full);box-shadow:var(--a-shadow-xsmall);color:var(--ac-chat-avatar-color,var(--a-text-default));display:flex;flex-shrink:0;font-size:1.06rem;height:2.5rem;justify-content:center;letter-spacing:.024rem;line-height:2.5rem;overflow:hidden;width:2.5rem}.navds-chat__avatar svg{align-self:center;max-height:1.5rem;max-width:1.5rem;width:100%}.navds-chat__bubble{background-color:var(--ac-chat-bubble-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-xlarge);border-bottom-left-radius:2px;box-shadow:var(--a-shadow-xsmall);display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-chat--right .navds-chat__bubble{border-radius:var(--a-border-radius-xlarge);border-bottom-right-radius:2px}.navds-chat--small .navds-chat__bubble{padding:var(--a-spacing-3)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--a-surface-info-subtle)}.navds-chat--subtle .navds-chat__avatar,.navds-chat--subtle .navds-chat__bubble{background-color:var(--a-surface-default)}.navds-chat__top-text{align-items:baseline;color:var(--ac-chat-top-text,var(--a-text-default));display:flex;font-weight:400;gap:var(--a-spacing-2);margin:0}.navds-chat--right .navds-chat__top-text{align-self:flex-end}.navds-chat--top-text-left .navds-chat__top-text{align-self:flex-start}.navds-chat--left .navds-chat__top-text--right,.navds-chat--top-text-right .navds-chat__top-text{align-self:flex-end}.navds-chat--right .navds-chat__top-text--left{align-self:flex-start}@media (forced-colors:active){.navds-chat__avatar,.navds-chat__bubble{background-color:canvas;border:1px solid canvastext;color:
|
|
1
|
+
.navds-chat{align-items:flex-end;display:flex;gap:var(--a-spacing-3);max-width:40.75rem}.navds-chat--right{flex-direction:row-reverse}.navds-chat__bubble-wrapper{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat__avatar{align-items:center;background-color:var(--ac-chat-avatar-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-full);box-shadow:var(--a-shadow-xsmall);color:var(--ac-chat-avatar-color,var(--a-text-default));display:flex;flex-shrink:0;font-size:1.06rem;height:2.5rem;justify-content:center;letter-spacing:.024rem;line-height:2.5rem;overflow:hidden;width:2.5rem}.navds-chat__avatar svg{align-self:center;max-height:1.5rem;max-width:1.5rem;width:100%}.navds-chat__bubble{background-color:var(--ac-chat-bubble-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-xlarge);border-bottom-left-radius:2px;box-shadow:var(--a-shadow-xsmall);display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-chat--right .navds-chat__bubble{border-radius:var(--a-border-radius-xlarge);border-bottom-right-radius:2px}.navds-chat--small .navds-chat__bubble{padding:var(--a-spacing-3)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--a-surface-info-subtle)}.navds-chat--subtle .navds-chat__avatar,.navds-chat--subtle .navds-chat__bubble{background-color:var(--a-surface-default)}.navds-chat__top-text{align-items:baseline;color:var(--ac-chat-top-text,var(--a-text-default));display:flex;font-weight:400;gap:var(--a-spacing-2);margin:0}.navds-chat--right .navds-chat__top-text{align-self:flex-end}.navds-chat--top-text-left .navds-chat__top-text{align-self:flex-start}.navds-chat--left .navds-chat__top-text--right,.navds-chat--top-text-right .navds-chat__top-text{align-self:flex-end}.navds-chat--right .navds-chat__top-text--left{align-self:flex-start}@media (forced-colors:active){.navds-chat__avatar,.navds-chat__bubble{background-color:canvas;border:1px solid canvastext;color:initial}.navds-chat__avatar svg{forced-color-adjust:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-05);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips--medium .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1)}.navds-chips--small .navds-chips__toggle-icon{height:1rem;width:1rem}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left:var(--a-spacing-1-alt)}.navds-chips--icon-right{padding-right:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips--icon-right{padding-right:var(--a-spacing-05)}@media (forced-colors:active){.navds-chips__chip{border:1px solid
|
|
1
|
+
.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-05);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips--medium .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1)}.navds-chips--small .navds-chips__toggle-icon{height:1rem;width:1rem}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left:var(--a-spacing-1-alt)}.navds-chips--icon-right{padding-right:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips--icon-right{padding-right:var(--a-spacing-05)}@media (forced-colors:active){.navds-chips__chip{border:1px solid #0000}.navds-chips__chip:hover{background-color:highlighttext;color:highlight}.navds-chips__chip:focus-visible{outline:2px solid #0000;outline-offset:2px}.navds-chips__chip:where([aria-pressed=true],:active,:hover)>span{forced-color-adjust:none}.navds-chips__toggle:active{background-color:highlight;color:highlighttext}.navds-chips__toggle[aria-pressed=true]{background-color:selecteditem;border:1px solid selecteditem;color:selecteditemtext}.navds-chips__toggle[aria-pressed=true]:hover{background-color:selecteditemtext;color:selecteditem}.navds-chips__toggle[aria-pressed=true]:active{background-color:highlight;color:highlighttext}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-theme=dark]{--__ac-copybutton-action-text:var(--a-blue-300);--__ac-copybutton-bg-hover
|
|
1
|
+
[data-theme=dark]{--__ac-copybutton-action-text:var(--a-blue-300);--__ac-copybutton-bg-hover:#d6e7ff21;--__ac-copybutton-icon-success:#33aa5f;--__ac-copybutton-neutral-text:#e7f0feb0;--__ac-copybutton-text:#fbfcfef5}[data-theme=light]{--__ac-copybutton-action-text:initial;--__ac-copybutton-bg-hover:initial;--__ac-copybutton-icon-success:initial;--__ac-copybutton-neutral-text:initial;--__ac-copybutton-text:initial}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-3) var(--a-spacing-4);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}@media (forced-colors:active){.navds-copybutton{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-copybutton.navds-copybutton:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-5)}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);min-height:2rem}.navds-copybutton--small.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-3)}.navds-copybutton--xsmall{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);min-height:1.5rem}.navds-copybutton--xsmall.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-1) var(--a-spacing-05) var(--a-spacing-2)}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-05)}.navds-copybutton--xsmall .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton__icon{display:flex;font-size:1.5rem}.navds-copybutton__icon:first-of-type{margin-left:-.25rem}.navds-copybutton__icon:last-of-type{margin-right:-.25rem}.navds-copybutton__icon:only-child{margin:0}.navds-copybutton--active .navds-copybutton__icon{animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1)}@keyframes akselCopyButtonIconAnimation{8%{transform:translateY(0)}17%{transform:translateY(-10%)}25%{transform:translateY(2%)}30%{transform:translateY(0)}}:where(.navds-copybutton--small,.navds-copybutton--xsmall):where(:not(:only-child)){margin:-.125rem}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-action-hover-text,var(--__ac-copybutton-action-text,var(--a-text-action-hover)))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--__ac-copybutton-icon-success,var(--a-icon-success)))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-neutral-text,var(--a-text-subtle)))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-neutral-hover-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--small>.navds-copybutton__content{gap:var(--a-spacing-1-alt)}.navds-copybutton--xsmall>.navds-copybutton__content{gap:var(--a-spacing-1)}.navds-copybutton--active>.navds-copybutton__content{animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear)}@keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}.navds-copybutton:where(:disabled){cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-copybutton:where(:disabled){border-color:GrayText;opacity:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-dropdown__menu{color:var(--ac-dropdown-text,var(--a-text-default));max-height:616px;overflow:hidden;overflow-y:auto;padding:var(--a-spacing-2) 0;width:27ch}.navds-dropdown__divider{border:none;border-bottom:1px solid var(--a-border-divider);margin:var(--a-spacing-3) 0}.navds-dropdown__menu>:not(.navds-dropdown__divider):not(.navds-dropdown__list){margin:0 var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__list{list-style:none;margin:0;padding:0}.navds-dropdown__list-item{margin:0}.navds-dropdown__list-heading{margin:var(--a-spacing-1) var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__item{align-items:center;background
|
|
1
|
+
.navds-dropdown__menu{color:var(--ac-dropdown-text,var(--a-text-default));max-height:616px;overflow:hidden;overflow-y:auto;padding:var(--a-spacing-2) 0;width:27ch}.navds-dropdown__divider{border:none;border-bottom:1px solid var(--a-border-divider);margin:var(--a-spacing-3) 0}.navds-dropdown__menu>:not(.navds-dropdown__divider):not(.navds-dropdown__list){margin:0 var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__list{list-style:none;margin:0;padding:0}.navds-dropdown__list-item{margin:0}.navds-dropdown__list-heading{margin:var(--a-spacing-1) var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__item{align-items:center;background:#0000;border:none;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:pointer;display:flex;font:inherit;gap:var(--a-spacing-2);margin:0;overflow:visible;padding:var(--a-spacing-1) var(--a-spacing-4);text-align:left;text-decoration:none;width:100%}.navds-dropdown__item:hover{background-color:var(--ac-dropdown-item-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-dropdown-item-hover-text,var(--a-text-action-hover))}.navds-dropdown__item:active{background-color:var(--ac-dropdown-item-active-bg,var(--a-surface-action-active));color:var(--ac-dropdown-item-active-text,var(--a-text-on-action))}.navds-dropdown__item:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}@supports not selector(:focus-visible){.navds-dropdown__item:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}}.navds-dropdown__item:disabled{background:#0000;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-dropdown__item:hover{color:highlight}.navds-dropdown__item:disabled{color:graytext;opacity:1}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.navds-expansioncard{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-color,var(--a-border-default));--__ac-expansioncard-border-radius:var(--ac-expansioncard-border-radius,var(--a-border-radius-large));--__ac-expansioncard-border-width:1px;--__ac-expansioncard-padding-block:var(--a-spacing-4);--__ac-expansioncard-padding-inline:var(--a-spacing-6);background-color:var(--ac-expansioncard-bg,var(--a-surface-default));border-radius:var(--__ac-expansioncard-border-radius);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.navds-expansioncard--open{--__ac-expansioncard-border-color:var(
|
|
2
2
|
--ac-expansioncard-border-open-color,var(--ac-expansioncard-border-color,var(--a-border-default))
|
|
3
|
-
)}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline);position:relative;width:100%}.navds-expansioncard--small{--__ac-expansioncard-padding-block:var(--a-spacing-3);--__ac-expansioncard-padding-inline:var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header):after{background-color:var(--a-border-divider);bottom:0;content:"";height:1px;left:var(--__ac-expansioncard-padding-inline);opacity:1;position:absolute;transition:opacity .1s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - var(--__ac-expansioncard-padding-inline)*2)}.navds-expansioncard--open>:where(.navds-expansioncard__header:hover):after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small>:where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background
|
|
3
|
+
)}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline);position:relative;width:100%}.navds-expansioncard--small{--__ac-expansioncard-padding-block:var(--a-spacing-3);--__ac-expansioncard-padding-inline:var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header):after{background-color:var(--a-border-divider);bottom:0;content:"";height:1px;left:var(--__ac-expansioncard-padding-inline);opacity:1;position:absolute;transition:opacity .1s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - var(--__ac-expansioncard-padding-inline)*2)}.navds-expansioncard--open>:where(.navds-expansioncard__header:hover):after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small>:where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background:#0000;border:none;border-radius:var(--ac-expansioncard-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;font-size:1.5rem;margin:0;min-height:3rem;min-width:3rem;place-content:center}.navds-expansioncard--small>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button){min-height:2rem;min-width:2rem}:where(.navds-expansioncard__header):hover>:where(.navds-expansioncard__header-button){background-color:var(--a-surface-hover)}.navds-expansioncard__header-chevron{transition:transform .15s ease-in-out}.navds-expansioncard--open>:where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron){transform:translateY(0) rotate(180deg)}.navds-expansioncard__header-button:hover>:where(.navds-expansioncard__header-chevron){transform:translateY(1px)}.navds-expansioncard__header-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}@supports not selector(:focus-visible){.navds-expansioncard__header-button:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}}.navds-expansioncard--open>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron){transform:translateY(-1px) rotate(180deg)}.navds-expansioncard__header-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-5);border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-end-end-radius:var(--__ac-expansioncard-border-radius);border-end-start-radius:var(--__ac-expansioncard-border-radius);border-top:none;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline) var(--__ac-expansioncard-padding-inline)}.navds-expansioncard--small .navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-4)}.navds-expansioncard__content--closed{display:none}:where(.navds-expansioncard__header):hover+.navds-expansioncard__content{box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__content-inner{animation:fadeExpansionCard .25s ease}.navds-expansioncard--no-animation :where(.navds-expansioncard__content-inner){animation:none}@keyframes fadeExpansionCard{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-expansioncard:hover{--__ac-expansioncard-border-color:highlight;outline:1px solid highlight}}
|
package/dist/component/form.css
CHANGED
|
@@ -82,6 +82,207 @@
|
|
|
82
82
|
opacity: 1;
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
+
/**
|
|
86
|
+
* Makes it easier for user to use FileItem in semantic lists
|
|
87
|
+
*/
|
|
88
|
+
.navds-file-upload :is(ul, li) {
|
|
89
|
+
list-style: none;
|
|
90
|
+
margin: 0;
|
|
91
|
+
padding: 0;
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* FileUpload.Dropzone
|
|
95
|
+
*/
|
|
96
|
+
.navds-dropzone__area {
|
|
97
|
+
--__ac-dropzone-background: var(--a-surface-subtle);
|
|
98
|
+
--__ac-dropzone-text-color: var(--a-text-default);
|
|
99
|
+
--__ac-dropzone-padding: var(--a-spacing-6);
|
|
100
|
+
--__ac-dropzone-icon-padding: var(--a-spacing-2);
|
|
101
|
+
--__ac-dropzone-animation-length-long: 0.6s;
|
|
102
|
+
--__ac-dropzone-animation-length-short: 250ms;
|
|
103
|
+
--__ac-dropzone-animation-ease-out: cubic-bezier(0.3, 1, 0.3, 1);
|
|
104
|
+
--__ac-dropzone-animation-over-under: cubic-bezier(0.3, 1.4, 0.3, 1);
|
|
105
|
+
|
|
106
|
+
position: relative;
|
|
107
|
+
width: 100%;
|
|
108
|
+
display: flex;
|
|
109
|
+
align-items: center;
|
|
110
|
+
flex-direction: column;
|
|
111
|
+
gap: var(--a-spacing-4);
|
|
112
|
+
text-align: center;
|
|
113
|
+
padding: var(--__ac-dropzone-padding);
|
|
114
|
+
outline: 1px dashed var(--a-border-subtle);
|
|
115
|
+
outline-offset: -1px;
|
|
116
|
+
border-radius: var(--a-border-radius-large);
|
|
117
|
+
background-color: var(--__ac-dropzone-background);
|
|
118
|
+
color: var(--__ac-dropzone-text-color);
|
|
119
|
+
transition: background-color var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);
|
|
120
|
+
cursor: pointer;
|
|
121
|
+
}
|
|
122
|
+
.navds-dropzone__area:hover {
|
|
123
|
+
box-shadow: inset 0 2px 4px 1px rgb(11 11 11/ 0.05);
|
|
124
|
+
outline-color: var(--a-border-default);
|
|
125
|
+
}
|
|
126
|
+
.navds-dropzone--disabled > .navds-dropzone__area:hover {
|
|
127
|
+
outline-color: var(--a-border-subtle);
|
|
128
|
+
box-shadow: initial;
|
|
129
|
+
cursor: default;
|
|
130
|
+
}
|
|
131
|
+
.navds-dropzone--dragging > .navds-dropzone__area {
|
|
132
|
+
--__ac-dropzone-background: var(--a-surface-action-subtle-hover);
|
|
133
|
+
}
|
|
134
|
+
.navds-dropzone--dragging > .navds-dropzone__area::after {
|
|
135
|
+
outline: 1px dashed var(--a-border-subtle);
|
|
136
|
+
outline-offset: -1px;
|
|
137
|
+
color: var(--a-text-action-selected);
|
|
138
|
+
background-color: var(--a-surface-hover);
|
|
139
|
+
content: "";
|
|
140
|
+
inset: 0;
|
|
141
|
+
position: absolute;
|
|
142
|
+
-webkit-backdrop-filter: blur(8px);
|
|
143
|
+
backdrop-filter: blur(8px);
|
|
144
|
+
box-shadow: inset 0 2px 7px 3px rgb(11 11 11/ 0.1);
|
|
145
|
+
border-radius: var(--a-border-radius-large);
|
|
146
|
+
animation: akselDropzoneDragoverAnimation var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);
|
|
147
|
+
}
|
|
148
|
+
@keyframes akselDropzoneDragoverAnimation {
|
|
149
|
+
0% {
|
|
150
|
+
-webkit-backdrop-filter: blur(0);
|
|
151
|
+
backdrop-filter: blur(0);
|
|
152
|
+
background-color: var(--a-surface-transparent);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
70% {
|
|
156
|
+
-webkit-backdrop-filter: blur(8px);
|
|
157
|
+
backdrop-filter: blur(8px);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
100% {
|
|
161
|
+
background-color: var(--a-surface-hover);
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
.navds-dropzone__area-icon {
|
|
165
|
+
display: grid;
|
|
166
|
+
padding: var(--__ac-dropzone-icon-padding);
|
|
167
|
+
visibility: hidden;
|
|
168
|
+
}
|
|
169
|
+
.navds-dropzone--error:where(:not(.navds-dropzone--dragging)) > .navds-dropzone__area {
|
|
170
|
+
outline-color: var(--a-surface-danger);
|
|
171
|
+
outline-width: 2px;
|
|
172
|
+
}
|
|
173
|
+
.navds-dropzone__area:hover > .navds-dropzone__area-button {
|
|
174
|
+
color: var(--ac-button-secondary-hover-text, var(--__ac-button-secondary-hover-text, var(--a-text-action-on-action-subtle)));
|
|
175
|
+
background-color: var(
|
|
176
|
+
--ac-button-secondary-hover-bg,
|
|
177
|
+
var(--__ac-button-secondary-hover-bg, var(--a-surface-action-subtle-hover))
|
|
178
|
+
);
|
|
179
|
+
}
|
|
180
|
+
.navds-dropzone__area:active .navds-dropzone__area-button {
|
|
181
|
+
color: var(--ac-button-secondary-active-text, var(--__ac-button-secondary-active-text, var(--a-text-on-action)));
|
|
182
|
+
background-color: var(--ac-button-secondary-active-bg, var(--__ac-button-secondary-active-bg, var(--a-surface-action-active)));
|
|
183
|
+
box-shadow: none;
|
|
184
|
+
}
|
|
185
|
+
.navds-dropzone__area-release {
|
|
186
|
+
top: var(--__ac-dropzone-padding);
|
|
187
|
+
display: grid;
|
|
188
|
+
position: absolute;
|
|
189
|
+
z-index: 1;
|
|
190
|
+
pointer-events: none;
|
|
191
|
+
transition:
|
|
192
|
+
top var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under),
|
|
193
|
+
transform var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);
|
|
194
|
+
}
|
|
195
|
+
.navds-dropzone__area-release__icon {
|
|
196
|
+
display: grid;
|
|
197
|
+
padding: var(--__ac-dropzone-icon-padding);
|
|
198
|
+
border-radius: var(--a-border-radius-full);
|
|
199
|
+
background-color: var(--a-surface-neutral-subtle);
|
|
200
|
+
transition:
|
|
201
|
+
background-color 300ms var(--__ac-dropzone-animation-ease-out),
|
|
202
|
+
font-size 300ms var(--__ac-dropzone-animation-ease-out);
|
|
203
|
+
font-size: 1.5rem;
|
|
204
|
+
}
|
|
205
|
+
.navds-dropzone--dragging .navds-dropzone__area-release > .navds-dropzone__area-release__icon {
|
|
206
|
+
background-color: transparent;
|
|
207
|
+
font-size: 2rem;
|
|
208
|
+
}
|
|
209
|
+
.navds-dropzone__area-release__text {
|
|
210
|
+
visibility: hidden;
|
|
211
|
+
}
|
|
212
|
+
.navds-dropzone--dragging .navds-dropzone__area-release > .navds-dropzone__area-release__text {
|
|
213
|
+
transition: visibility var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);
|
|
214
|
+
visibility: visible;
|
|
215
|
+
}
|
|
216
|
+
.navds-dropzone--dragging .navds-dropzone__area-release {
|
|
217
|
+
color: var(--a-text-action-selected);
|
|
218
|
+
top: 50%;
|
|
219
|
+
transform: translateY(-50%);
|
|
220
|
+
}
|
|
221
|
+
.navds-dropzone__area-disabled {
|
|
222
|
+
color: var(--a-text-subtle);
|
|
223
|
+
display: flex;
|
|
224
|
+
align-items: center;
|
|
225
|
+
flex-direction: column;
|
|
226
|
+
gap: var(--a-spacing-2);
|
|
227
|
+
}
|
|
228
|
+
/**
|
|
229
|
+
* FileUpload.Item
|
|
230
|
+
*/
|
|
231
|
+
.navds-file-item__inner {
|
|
232
|
+
outline: 1px solid var(--a-border-subtle);
|
|
233
|
+
outline-offset: -1px;
|
|
234
|
+
transition: outline-color 250ms cubic-bezier(0, 0.3, 0.15, 1);
|
|
235
|
+
border-radius: var(--a-border-radius-large);
|
|
236
|
+
padding: var(--a-spacing-3);
|
|
237
|
+
display: flex;
|
|
238
|
+
gap: var(--a-spacing-3);
|
|
239
|
+
align-items: flex-start;
|
|
240
|
+
}
|
|
241
|
+
.navds-file-item--error > .navds-file-item__inner {
|
|
242
|
+
outline: 2px solid var(--a-surface-danger);
|
|
243
|
+
}
|
|
244
|
+
.navds-file-item__icon {
|
|
245
|
+
background-color: var(--a-surface-neutral-subtle);
|
|
246
|
+
color: var(--a-icon-default);
|
|
247
|
+
border-radius: var(--a-border-radius-xlarge);
|
|
248
|
+
min-height: 3rem;
|
|
249
|
+
min-width: 3rem;
|
|
250
|
+
display: grid;
|
|
251
|
+
place-content: center;
|
|
252
|
+
transition: background-color 250ms cubic-bezier(0, 0.3, 0.15, 1);
|
|
253
|
+
}
|
|
254
|
+
.navds-file-item__icon--loading {
|
|
255
|
+
background-color: transparent;
|
|
256
|
+
}
|
|
257
|
+
.navds-file-item__file-info {
|
|
258
|
+
word-break: break-word;
|
|
259
|
+
}
|
|
260
|
+
.navds-file-item__button {
|
|
261
|
+
margin-left: auto;
|
|
262
|
+
}
|
|
263
|
+
.navds-file-item__error {
|
|
264
|
+
color: var(--a-text-danger);
|
|
265
|
+
display: grid;
|
|
266
|
+
transition-property: grid-template-rows, padding-top;
|
|
267
|
+
transition-duration: 250ms;
|
|
268
|
+
transition-timing-function: cubic-bezier(0, 0.3, 0.15, 1);
|
|
269
|
+
overflow: hidden;
|
|
270
|
+
grid-template-rows: 0fr;
|
|
271
|
+
}
|
|
272
|
+
.navds-file-item--error .navds-file-item__error {
|
|
273
|
+
grid-template-rows: 1fr;
|
|
274
|
+
padding-top: var(--a-spacing-1);
|
|
275
|
+
}
|
|
276
|
+
.navds-file-item__error-content > svg {
|
|
277
|
+
flex-shrink: 0;
|
|
278
|
+
height: 1rem;
|
|
279
|
+
margin-top: 0.1rem;
|
|
280
|
+
}
|
|
281
|
+
.navds-file-item__error-content {
|
|
282
|
+
min-height: 0;
|
|
283
|
+
display: flex;
|
|
284
|
+
gap: var(--a-spacing-1);
|
|
285
|
+
}
|
|
85
286
|
.navds-form-field {
|
|
86
287
|
display: grid;
|
|
87
288
|
justify-items: start;
|
|
@@ -92,12 +293,14 @@
|
|
|
92
293
|
color: var(--ac-form-description, var(--__ac-form-description, var(--a-text-subtle)));
|
|
93
294
|
}
|
|
94
295
|
.navds-form-field .navds-error-message,
|
|
95
|
-
.navds-fieldset .navds-error-message
|
|
296
|
+
.navds-fieldset .navds-error-message,
|
|
297
|
+
.navds-file-item .navds-error-message {
|
|
96
298
|
display: flex;
|
|
97
299
|
gap: var(--a-spacing-2);
|
|
98
300
|
}
|
|
99
301
|
.navds-form-field .navds-error-message::before,
|
|
100
|
-
.navds-fieldset .navds-error-message::before
|
|
302
|
+
.navds-fieldset .navds-error-message::before,
|
|
303
|
+
.navds-file-item .navds-error-message::before {
|
|
101
304
|
content: "•";
|
|
102
305
|
}
|
|
103
306
|
.navds-form-field--disabled {
|