@navikt/ds-css 7.40.0 → 8.0.0

package/dist/darkside/version/7.40.0/component/date.css

@@ -1,268 +0,0 @@
-@layer aksel.components {
-  .aksel-date {
-    padding: var(--ax-space-16);
-  }
-
-  .aksel-date .rdp-table {
-    border-collapse: separate;
-  }
-
-  .aksel-date .rdp-cell {
-    padding: 1px;
-  }
-
-  .aksel-date .rdp-day_range_middle.rdp-day_disabled {
-    color: var(--ax-text-neutral);
-    background: var(--ax-bg-neutral-moderateA);
-  }
-
-  .aksel-date .rdp-day_range_middle.rdp-day_selected {
-    background-color: var(--ax-bg-moderate-pressedA);
-    box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
-    color: var(--ax-text-neutral);
-  }
-
-  .aksel-date .rdp-month, .aksel-date.rdp-month {
-    gap: var(--ax-space-20);
-    display: grid;
-  }
-
-  .aksel-date .aksel-date__caption-label {
-    text-transform: capitalize;
-  }
-
-  .aksel-date .rdp-head_cell {
-    text-transform: capitalize;
-    font-size: var(--ax-font-size-small);
-  }
-
-  .aksel-date .rdp-button {
-    all: unset;
-    text-align: center;
-    border-radius: var(--ax-radius-8);
-    width: 2.5rem;
-    height: 2.5rem;
-    display: block;
-  }
-
-  .aksel-date .rdp-day_range_start {
-    border-radius: 100% var(--ax-radius-12) var(--ax-radius-12) 100%;
-  }
-
-  .aksel-date .rdp-day_range_end:not(.rdp-day_range_start) {
-    border-radius: var(--ax-radius-8) 100% 100% var(--ax-radius-8);
-  }
-
-  .aksel-date .rdp-day_range_start.rdp-day_range_end {
-    border-radius: var(--ax-radius-8);
-  }
-
-  .aksel-date .aksel-date__field {
-    flex-direction: column;
-    width: 100%;
-    display: flex;
-    position: relative;
-  }
-
-  .aksel-date .rdp-day_selected, .aksel-date .aksel-monthpicker__month--selected {
-    color: var(--ax-text-contrast);
-    background: var(--ax-bg-strong-pressed);
-    cursor: pointer;
-  }
-
-  .aksel-date .rdp-day_disabled {
-    cursor: not-allowed;
-    background-color: var(--ax-bg-neutral-moderateA);
-    color: var(--ax-text-neutral-subtle);
-    text-decoration: line-through;
-  }
-
-  .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
-    background: var(--ax-bg-moderate-hoverA);
-    cursor: pointer;
-  }
-
-  .aksel-date .rdp-day_today {
-    position: relative;
-  }
-
-  .aksel-date .rdp-day_today:before {
-    background-color: var(--ax-text-subtle);
-    border-radius: var(--ax-radius-full);
-    content: "";
-    width: 6px;
-    height: 6px;
-    display: block;
-    position: absolute;
-    bottom: 5px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
-    background-color: var(--ax-text-contrast);
-  }
-
-  .aksel-date .rdp-day_outside {
-    visibility: hidden;
-    pointer-events: none;
-  }
-
-  .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
-    padding: 0;
-  }
-
-  @media (max-width: 360px) {
-    .aksel-date__modal-body > .aksel-date {
-      margin-inline: -12px;
-    }
-  }
-
-  .aksel-date__caption {
-    justify-content: space-between;
-    align-items: center;
-    gap: var(--ax-space-4);
-    padding-inline: var(--ax-space-4);
-    display: flex;
-  }
-
-  .aksel-date__caption-button {
-    width: 2rem;
-    height: 2rem;
-    color: var(--ax-text-neutral);
-  }
-
-  .aksel-date__caption__month .aksel-select__container select {
-    text-transform: capitalize;
-  }
-
-  .aksel-date__month-button {
-    all: unset;
-    text-align: center;
-    text-transform: capitalize;
-    border-radius: var(--ax-radius-8);
-    cursor: pointer;
-    width: 3rem;
-    height: 3rem;
-  }
-
-  .aksel-date__year-label {
-    align-items: center;
-    display: flex;
-  }
-
-  .aksel-date__wrapper, .aksel-date__standalone-wrapper {
-    width: fit-content;
-    height: fit-content;
-  }
-
-  :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible {
-    outline: 3px solid var(--ax-border-focus);
-    outline-offset: 3px;
-  }
-
-  :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled) {
-    color: var(--ax-text-contrast);
-    background-color: var(--ax-bg-strong-pressed);
-  }
-
-  .aksel-date__field-input.aksel-text-field__input {
-    padding-right: var(--ax-space-48);
-  }
-
-  .aksel-form-field--small .aksel-date__field-input {
-    padding-right: var(--ax-space-32);
-  }
-
-  .aksel-date__field-button {
-    color: var(--ax-text-neutral);
-    cursor: pointer;
-    border-radius: calc(var(--ax-radius-8)  - 1px);
-    padding: var(--ax-space-12);
-    background: none;
-    border: none;
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-    justify-content: center;
-    align-items: center;
-    height: calc(100% - .125rem);
-    margin: 0;
-    font-size: 1.5rem;
-    text-decoration: none;
-    display: inline-flex;
-    position: absolute;
-    top: 50%;
-    right: .0625rem;
-    transform: translateY(-50%);
-  }
-
-  .aksel-form-field--small .aksel-date__field-button {
-    padding: var(--ax-space-4);
-  }
-
-  .aksel-form-field--disabled .aksel-date__field-button {
-    opacity: 1;
-    cursor: not-allowed;
-  }
-
-  .aksel-date__field--readonly .aksel-date__field-button {
-    cursor: default;
-  }
-
-  .aksel-date__field-button:focus-visible {
-    outline-color: var(--ax-border-focus);
-  }
-
-  .aksel-date__field-wrapper {
-    align-items: center;
-    width: fit-content;
-    display: inline-flex;
-    position: relative;
-  }
-
-  .aksel-date__week-row {
-    align-items: center;
-    gap: var(--ax-space-2);
-    display: flex;
-  }
-
-  .aksel-date__weeknumber {
-    --__axc-button-border-width: 1px;
-  }
-
-  .aksel-date__weeknumber-number {
-    color: var(--ax-text-neutral-subtle);
-    font-size: .875rem;
-  }
-
-  .aksel-date__week-wrapper {
-    justify-content: center;
-    align-items: center;
-    width: 2.5rem;
-    margin: 0;
-    display: flex;
-  }
-
-  .aksel-date__modal-body {
-    padding: var(--ax-space-16);
-    align-items: flex-end;
-    gap: var(--ax-space-8);
-    flex-direction: column;
-    display: flex;
-  }
-
-  @media (min-width: 480px) {
-    .aksel-date, .aksel-date__modal-body {
-      padding: var(--ax-space-20);
-    }
-
-    .aksel-date__caption {
-      gap: var(--ax-space-8);
-    }
-
-    .aksel-date .rdp-button, .aksel-date__caption-button {
-      width: 3rem;
-      height: 3rem;
-    }
-  }
-}

package/dist/darkside/version/7.40.0/component/date.min.css

@@ -1 +0,0 @@
-@layer aksel.components{.aksel-date{padding:var(--ax-space-16)}.aksel-date .rdp-table{border-collapse:separate}.aksel-date .rdp-cell{padding:1px}.aksel-date .rdp-day_range_middle.rdp-day_disabled{color:var(--ax-text-neutral);background:var(--ax-bg-neutral-moderateA)}.aksel-date .rdp-day_range_middle.rdp-day_selected{background-color:var(--ax-bg-moderate-pressedA);box-shadow:inset 0 0 0 1px var(--ax-border-subtleA);color:var(--ax-text-neutral)}.aksel-date .rdp-month,.aksel-date.rdp-month{gap:var(--ax-space-20);display:grid}.aksel-date .aksel-date__caption-label{text-transform:capitalize}.aksel-date .rdp-head_cell{text-transform:capitalize;font-size:var(--ax-font-size-small)}.aksel-date .rdp-button{all:unset;text-align:center;border-radius:var(--ax-radius-8);width:2.5rem;height:2.5rem;display:block}.aksel-date .rdp-day_range_start{border-radius:100% var(--ax-radius-12) var(--ax-radius-12) 100%}.aksel-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--ax-radius-8) 100% 100% var(--ax-radius-8)}.aksel-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--ax-radius-8)}.aksel-date .aksel-date__field{flex-direction:column;width:100%;display:flex;position:relative}.aksel-date .rdp-day_selected,.aksel-date .aksel-monthpicker__month--selected{color:var(--ax-text-contrast);background:var(--ax-bg-strong-pressed);cursor:pointer}.aksel-date .rdp-day_disabled{cursor:not-allowed;background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral-subtle);text-decoration:line-through}.aksel-date .rdp-button:where(:not(.rdp-day_selected,[disabled])):hover,.aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected,[disabled])):hover{background:var(--ax-bg-moderate-hoverA);cursor:pointer}.aksel-date .rdp-day_today{position:relative}.aksel-date .rdp-day_today:before{background-color:var(--ax-text-subtle);border-radius:var(--ax-radius-full);content:"";width:6px;height:6px;display:block;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle),.aksel-date .rdp-day_today:active):before{background-color:var(--ax-text-contrast)}.aksel-date .rdp-day_outside{visibility:hidden;pointer-events:none}.aksel-date__modal .aksel-date,.aksel-date__modal-body>.aksel-date{padding:0}@media(max-width:360px){.aksel-date__modal-body>.aksel-date{margin-inline:-12px}}.aksel-date__caption{justify-content:space-between;align-items:center;gap:var(--ax-space-4);padding-inline:var(--ax-space-4);display:flex}.aksel-date__caption-button{width:2rem;height:2rem;color:var(--ax-text-neutral)}.aksel-date__caption__month .aksel-select__container select{text-transform:capitalize}.aksel-date__month-button{all:unset;text-align:center;text-transform:capitalize;border-radius:var(--ax-radius-8);cursor:pointer;width:3rem;height:3rem}.aksel-date__year-label{align-items:center;display:flex}.aksel-date__wrapper,.aksel-date__standalone-wrapper{width:fit-content;height:fit-content}:is(:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) .rdp-cell>button.rdp-day,:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}:is(:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) .rdp-cell>button.rdp-day,:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled){color:var(--ax-text-contrast);background-color:var(--ax-bg-strong-pressed)}.aksel-date__field-input.aksel-text-field__input{padding-right:var(--ax-space-48)}.aksel-form-field--small .aksel-date__field-input{padding-right:var(--ax-space-32)}.aksel-date__field-button{color:var(--ax-text-neutral);cursor:pointer;border-radius:calc(var(--ax-radius-8) - 1px);padding:var(--ax-space-12);background:none;border:none;border-start-start-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;height:calc(100% - .125rem);margin:0;font-size:1.5rem;text-decoration:none;display:inline-flex;position:absolute;top:50%;right:.0625rem;transform:translateY(-50%)}.aksel-form-field--small .aksel-date__field-button{padding:var(--ax-space-4)}.aksel-form-field--disabled .aksel-date__field-button{opacity:1;cursor:not-allowed}.aksel-date__field--readonly .aksel-date__field-button{cursor:default}.aksel-date__field-button:focus-visible{outline-color:var(--ax-border-focus)}.aksel-date__field-wrapper{align-items:center;width:fit-content;display:inline-flex;position:relative}.aksel-date__week-row{align-items:center;gap:var(--ax-space-2);display:flex}.aksel-date__weeknumber{--__axc-button-border-width: 1px}.aksel-date__weeknumber-number{color:var(--ax-text-neutral-subtle);font-size:.875rem}.aksel-date__week-wrapper{justify-content:center;align-items:center;width:2.5rem;margin:0;display:flex}.aksel-date__modal-body{padding:var(--ax-space-16);align-items:flex-end;gap:var(--ax-space-8);flex-direction:column;display:flex}@media(min-width:480px){.aksel-date,.aksel-date__modal-body{padding:var(--ax-space-20)}.aksel-date__caption{gap:var(--ax-space-8)}.aksel-date .rdp-button,.aksel-date__caption-button{width:3rem;height:3rem}}}

package/dist/darkside/version/7.40.0/component/dialog.css

@@ -1,232 +0,0 @@
-@layer aksel.components {
-  .aksel-dialog__popup {
-    --__axc-dialog-transform: ;
-    --__axc-dialog-p-b: var(--ax-space-16);
-    --__axc-dialog-p-i: var(--ax-space-20);
-    background-color: var(--ax-bg-raised);
-    border-radius: var(--ax-radius-12);
-    color: var(--ax-text-neutral);
-    box-shadow: var(--ax-shadow-dialog);
-    border: 1px solid var(--ax-border-neutral-subtleA);
-    z-index: 2000;
-    flex-direction: column;
-    transition: transform .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94), translate .2s cubic-bezier(.25, .46, .45, .94);
-    display: flex;
-    position: fixed;
-    overflow: hidden;
-  }
-
-  .aksel-dialog__popup:focus {
-    outline: none;
-  }
-
-  .aksel-dialog__popup[data-size="small"] {
-    --__axc-dialog-p-b: var(--ax-space-12);
-    --__axc-dialog-p-i: var(--ax-space-16);
-  }
-
-  @media (max-height: 400px) {
-    .aksel-dialog__popup {
-      overflow: auto;
-    }
-  }
-
-  .aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
-    opacity: .001;
-    transform: var(--__axc-dialog-transform);
-  }
-
-  .aksel-dialog__popup[data-exiting-style] {
-    transition-duration: .1s;
-  }
-
-  .aksel-dialog__popup[data-exiting-style]:after {
-    transition-timing-function: cubic-bezier(.55, .09, .68, .53);
-  }
-
-  .aksel-dialog__popup[data-nested-dialog-open="true"] {
-    box-shadow: none;
-  }
-
-  .aksel-dialog__popup[data-nested-dialog-open="true"]:after {
-    opacity: .9;
-  }
-
-  .aksel-dialog__popup:after {
-    content: "";
-    border-radius: inherit;
-    background-color: var(--ax-bg-overlay);
-    opacity: 0;
-    z-index: 1;
-    pointer-events: none;
-    transition: opacity cubic-bezier(.25, .46, .45, .94);
-    position: absolute;
-    inset: 0;
-  }
-
-  .aksel-dialog__popup[data-position="center"] {
-    --__axc-dialog-center-margin: 3rem;
-    --__axc-dialog-transform: scale(.98);
-    max-width: calc(100dvw - 3rem);
-    max-height: calc(90dvh - var(--__axc-dialog-center-margin));
-    margin-inline: auto;
-    margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
-    top: 0;
-    left: 0;
-    right: 0;
-  }
-
-  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
-    opacity: 1;
-    transition-duration: 0s;
-    transform: scale(1);
-  }
-
-  .aksel-dialog__popup[data-position="center"][data-nested-dialog-open="true"] {
-    transform: translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)));
-  }
-
-  @media (max-width: 768px) or (max-height: 479px) {
-    .aksel-dialog__popup[data-position="center"] {
-      --__axc-dialog-transform: translateY(35%);
-      border-bottom: 0;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
-      max-width: 95dvw;
-      height: auto;
-      max-height: calc(100dvh - max(16px, 10dvh));
-      margin-block: 0;
-      margin-inline: auto;
-      inset: auto 0 0;
-    }
-  }
-
-  .aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
-    max-width: calc(100vw - max(16px, 10vw));
-    top: 0;
-    bottom: 0;
-  }
-
-  :is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
-    opacity: 1;
-    transition-duration: .1s;
-  }
-
-  .aksel-dialog__popup[data-position="right"] {
-    --__axc-dialog-transform: translateX(35%);
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    right: 0;
-  }
-
-  .aksel-dialog__popup[data-position="left"] {
-    --__axc-dialog-transform: translateX(-35%);
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    left: 0;
-  }
-
-  .aksel-dialog__popup[data-position="bottom"] {
-    --__axc-dialog-transform: translateY(35%);
-    border-bottom: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-    max-width: 95dvw;
-    height: auto;
-    max-height: calc(100dvh - max(16px, 10dvh));
-    margin-inline: auto;
-    bottom: 0;
-    left: 0;
-    right: 0;
-  }
-
-  .aksel-dialog__popup[data-position="bottom"][data-nested-dialog-open="true"] {
-    transform: translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)));
-  }
-
-  .aksel-dialog__popup[data-position="fullscreen"] {
-    --__axc-dialog-transform: scale(.98);
-    border: 0;
-    border-radius: 0;
-    width: 100%;
-    max-width: 100dvw;
-    height: 100%;
-    max-height: 100dvh;
-    inset: 0;
-  }
-
-  .aksel-dialog__backdrop {
-    background-color: var(--ax-bg-overlay);
-    z-index: 2000;
-    min-height: 100dvh;
-    transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
-    position: fixed;
-    inset: 0;
-  }
-
-  @supports (-webkit-touch-callout: none) {
-    .aksel-dialog__backdrop {
-      position: absolute;
-    }
-  }
-
-  .aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
-    opacity: .001;
-  }
-
-  .aksel-dialog__header {
-    padding-block: var(--__axc-dialog-p-b);
-    padding-inline: var(--__axc-dialog-p-i);
-  }
-
-  .aksel-dialog__title {
-    margin-block-end: var(--ax-space-4);
-  }
-
-  .aksel-dialog__close-button {
-    float: right;
-    align-self: start;
-  }
-
-  .aksel-dialog__body {
-    padding-block: var(--__axc-dialog-p-b);
-    padding-inline: var(--__axc-dialog-p-i);
-    overscroll-behavior: contain;
-    position: relative;
-    overflow: auto;
-  }
-
-  .aksel-dialog__header ~ .aksel-dialog__body {
-    padding-block-start: 0;
-  }
-
-  .aksel-dialog__body {
-    background: linear-gradient(var(--ax-bg-raised) 30%, transparent) top, linear-gradient(transparent, var(--ax-bg-raised) 60%) bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
-    background-repeat: no-repeat;
-    background-size: 100% 40px, 100% 50px, 100% 16px, 100% 16px;
-    background-attachment: local, local, scroll, scroll;
-  }
-
-  @media (max-height: 400px) {
-    .aksel-dialog__body {
-      overflow: unset;
-    }
-  }
-
-  .aksel-dialog__footer {
-    justify-content: flex-end;
-    gap: var(--ax-space-8);
-    padding-block: var(--__axc-dialog-p-b);
-    padding-inline: var(--__axc-dialog-p-i);
-    flex-flow: wrap;
-    display: flex;
-  }
-
-  @media (forced-colors: active) {
-    .aksel-dialog__popup {
-      outline: 2px solid var(--ax-border-neutral-strong) !important;
-    }
-  }
-}

package/dist/darkside/version/7.40.0/component/dialog.min.css

@@ -1 +0,0 @@
-@layer aksel.components{.aksel-dialog__popup{--__axc-dialog-transform: ;--__axc-dialog-p-b: var(--ax-space-16);--__axc-dialog-p-i: var(--ax-space-20);background-color:var(--ax-bg-raised);border-radius:var(--ax-radius-12);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);border:1px solid var(--ax-border-neutral-subtleA);z-index:2000;flex-direction:column;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),translate .2s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;overflow:hidden}.aksel-dialog__popup:focus{outline:none}.aksel-dialog__popup[data-size=small]{--__axc-dialog-p-b: var(--ax-space-12);--__axc-dialog-p-i: var(--ax-space-16)}@media(max-height:400px){.aksel-dialog__popup{overflow:auto}}.aksel-dialog__popup[data-entering-style],.aksel-dialog__popup[data-exiting-style]{opacity:.001;transform:var(--__axc-dialog-transform)}.aksel-dialog__popup[data-exiting-style]{transition-duration:.1s}.aksel-dialog__popup[data-exiting-style]:after{transition-timing-function:cubic-bezier(.55,.09,.68,.53)}.aksel-dialog__popup[data-nested-dialog-open=true]{box-shadow:none}.aksel-dialog__popup[data-nested-dialog-open=true]:after{opacity:.9}.aksel-dialog__popup:after{content:"";border-radius:inherit;background-color:var(--ax-bg-overlay);opacity:0;z-index:1;pointer-events:none;transition:opacity cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.aksel-dialog__popup[data-position=center]{--__axc-dialog-center-margin: 3rem;--__axc-dialog-transform: scale(.98);max-width:calc(100dvw - 3rem);max-height:calc(90dvh - var(--__axc-dialog-center-margin));margin-inline:auto;margin-block:max(var(--__axc-dialog-center-margin),10dvh) auto;top:0;left:0;right:0}.aksel-dialog__popup[data-position=center][data-nested=true][data-entering-style],.aksel-dialog__popup[data-position=center][data-nested=true][data-exiting-style]{opacity:1;transition-duration:0s;transform:scale(1)}.aksel-dialog__popup[data-position=center][data-nested-dialog-open=true]{transform:translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)))}@media(max-width:768px)or (max-height:479px){.aksel-dialog__popup[data-position=center]{--__axc-dialog-transform: translateY(35%);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:95dvw;height:auto;max-height:calc(100dvh - max(16px,10dvh));margin-block:0;margin-inline:auto;inset:auto 0 0}}.aksel-dialog__popup[data-position=right],.aksel-dialog__popup[data-position=left]{max-width:calc(100vw - max(16px,10vw));top:0;bottom:0}:is(.aksel-dialog__popup[data-position=right],.aksel-dialog__popup[data-position=left])[data-nested-dialog-open=true]:after{opacity:1;transition-duration:.1s}.aksel-dialog__popup[data-position=right]{--__axc-dialog-transform: translateX(35%);border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;right:0}.aksel-dialog__popup[data-position=left]{--__axc-dialog-transform: translateX(-35%);border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;left:0}.aksel-dialog__popup[data-position=bottom]{--__axc-dialog-transform: translateY(35%);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:95dvw;height:auto;max-height:calc(100dvh - max(16px,10dvh));margin-inline:auto;bottom:0;left:0;right:0}.aksel-dialog__popup[data-position=bottom][data-nested-dialog-open=true]{transform:translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)))}.aksel-dialog__popup[data-position=fullscreen]{--__axc-dialog-transform: scale(.98);border:0;border-radius:0;width:100%;max-width:100dvw;height:100%;max-height:100dvh;inset:0}.aksel-dialog__backdrop{background-color:var(--ax-bg-overlay);z-index:2000;min-height:100dvh;transition:opacity .2s cubic-bezier(.25,.46,.45,.94);position:fixed;inset:0}@supports (-webkit-touch-callout: none){.aksel-dialog__backdrop{position:absolute}}.aksel-dialog__backdrop[data-entering-style],.aksel-dialog__backdrop[data-exiting-style]{opacity:.001}.aksel-dialog__header{padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i)}.aksel-dialog__title{margin-block-end:var(--ax-space-4)}.aksel-dialog__close-button{float:right;align-self:start}.aksel-dialog__body{padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i);overscroll-behavior:contain;position:relative;overflow:auto}.aksel-dialog__header~.aksel-dialog__body{padding-block-start:0}.aksel-dialog__body{background:linear-gradient(var(--ax-bg-raised) 30%,transparent) top,linear-gradient(transparent,var(--ax-bg-raised) 60%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.3),transparent) top,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.3),transparent) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px;background-attachment:local,local,scroll,scroll}@media(max-height:400px){.aksel-dialog__body{overflow:unset}}.aksel-dialog__footer{justify-content:flex-end;gap:var(--ax-space-8);padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i);flex-flow:wrap;display:flex}@media(forced-colors:active){.aksel-dialog__popup{outline:2px solid var(--ax-border-neutral-strong)!important}}}

package/dist/darkside/version/7.40.0/component/dropdown.css

@@ -1,82 +0,0 @@
-@layer aksel.components {
-  .aksel-dropdown__menu {
-    padding: var(--ax-space-8);
-    color: var(--ax-text-neutral);
-    width: 27ch;
-    max-height: 616px;
-    overflow: hidden auto;
-  }
-
-  .aksel-dropdown__divider {
-    margin: var(--ax-space-12) 0;
-    border: none;
-    border-bottom: 1px solid var(--ax-border-neutral-subtle);
-  }
-
-  .aksel-dropdown__menu > :not(.aksel-dropdown__divider, .aksel-dropdown__list) {
-    margin: 0 var(--ax-space-16) var(--ax-space-12);
-  }
-
-  .aksel-dropdown__list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  .aksel-dropdown__list-item {
-    margin: 0;
-  }
-
-  .aksel-dropdown__list-heading {
-    margin-block: var(--ax-space-4) var(--ax-space-12);
-    margin-inline: var(--ax-space-4);
-  }
-
-  .aksel-dropdown__item {
-    font: inherit;
-    text-align: left;
-    cursor: pointer;
-    align-items: center;
-    gap: var(--ax-space-8);
-    width: 100%;
-    padding: var(--ax-space-4);
-    border-radius: var(--ax-radius-4);
-    color: var(--ax-text-neutral);
-    background: none;
-    border: none;
-    margin: 0;
-    text-decoration: none;
-    display: flex;
-    overflow: visible;
-  }
-
-  .aksel-dropdown__item:hover {
-    background-color: var(--ax-bg-moderate-hoverA);
-  }
-
-  .aksel-dropdown__item:active {
-    background-color: var(--ax-bg-moderate-pressedA);
-  }
-
-  .aksel-dropdown__item:focus-visible {
-    outline: 3px solid var(--ax-border-focus);
-    outline-offset: -3px;
-  }
-
-  .aksel-dropdown__item:disabled {
-    opacity: var(--ax-opacity-disabled);
-    cursor: not-allowed;
-    background: none;
-  }
-
-  @media (forced-colors: active) {
-    .aksel-dropdown__item:hover {
-      color: highlight;
-    }
-
-    .aksel-dropdown__item:disabled {
-      opacity: 1;
-      color: graytext;
-    }
-  }
-}

package/dist/darkside/version/7.40.0/component/dropdown.min.css

@@ -1 +0,0 @@
-@layer aksel.components{.aksel-dropdown__menu{padding:var(--ax-space-8);color:var(--ax-text-neutral);width:27ch;max-height:616px;overflow:hidden auto}.aksel-dropdown__divider{margin:var(--ax-space-12) 0;border:none;border-bottom:1px solid var(--ax-border-neutral-subtle)}.aksel-dropdown__menu>:not(.aksel-dropdown__divider,.aksel-dropdown__list){margin:0 var(--ax-space-16) var(--ax-space-12)}.aksel-dropdown__list{margin:0;padding:0;list-style:none}.aksel-dropdown__list-item{margin:0}.aksel-dropdown__list-heading{margin-block:var(--ax-space-4) var(--ax-space-12);margin-inline:var(--ax-space-4)}.aksel-dropdown__item{font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--ax-space-8);width:100%;padding:var(--ax-space-4);border-radius:var(--ax-radius-4);color:var(--ax-text-neutral);background:none;border:none;margin:0;text-decoration:none;display:flex;overflow:visible}.aksel-dropdown__item:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-dropdown__item:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-dropdown__item:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}.aksel-dropdown__item:disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed;background:none}@media(forced-colors:active){.aksel-dropdown__item:hover{color:highlight}.aksel-dropdown__item:disabled{opacity:1;color:graytext}}}