@digdir/designsystemet-css 0.10.0 → 0.11.0-alpha.2

package/combobox.css

@@ -1,342 +1,355 @@
-@layer fds.combobox {
-  .fds-combobox {
+@layer ds.combobox {
+  .ds-combobox {
     display: grid;
     background-color: transparent;
-    gap: var(--fds-spacing-2);
+    gap: var(--ds-spacing-2);
   }
 
-  .fds-combobox__options-wrapper {
-    padding: var(--fds-spacing-2);
-    background: var(--fds-semantic-background-default);
+  .ds-combobox [data-floating-ui-portal] {
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
+  }
+
+  .ds-combobox__options-wrapper {
+    padding: var(--ds-spacing-2);
+    background: var(--ds-color-neutral-background-default);
+    color: var(--ds-color-neutral-text-default);
     overflow-y: auto;
     z-index: 1600;
   }
 
-  .fds-combobox--readonly .fds-combobox__input {
+  .ds-combobox--readonly .ds-combobox__input {
     pointer-events: none;
   }
 
-  .fds-combobox__input__wrapper {
+  .ds-combobox__input__wrapper {
     display: flex;
     align-items: center;
     position: relative;
-    gap: var(--fds-spacing-1);
+    gap: var(--ds-spacing-1);
     cursor: text;
-    padding: var(--fds-spacing-2);
+    padding: var(--ds-spacing-2);
     width: 100%;
     height: auto;
     justify-content: space-between;
-    font: var(--fds-typography-paragraph-medium);
+    font: var(--ds-typography-paragraph-md);
     font-family: inherit;
   }
 
-  .fds-combobox__input__wrapper .fds-combobox__input {
+  .ds-combobox__input__wrapper .ds-combobox__input {
     height: 100%;
     min-width: 50px;
     flex-grow: 1;
     appearance: none;
     border: none;
     background-color: transparent;
+    color: var(--ds-color-neutral-text-default);
   }
 
-  .fds-combobox--sm .fds-combobox__input__wrapper {
-    min-height: var(--fds-sizing-10);
-    font: var(--fds-typography-paragraph-small);
+  .ds-combobox--sm .ds-combobox__input__wrapper {
+    min-height: var(--ds-sizing-10);
+    font: var(--ds-typography-paragraph-sm);
     font-family: inherit;
-    padding: 5px var(--fds-spacing-2);
+    padding: 5px var(--ds-spacing-2);
   }
 
-  .fds-combobox--sm .fds-combobox__input__wrapper .fds-combobox__input {
-    font: var(--fds-typography-paragraph-small);
+  .ds-combobox--sm .ds-combobox__input__wrapper .ds-combobox__input {
+    font: var(--ds-typography-paragraph-sm);
     font-family: inherit;
   }
 
-  .fds-combobox--md .fds-combobox__input__wrapper {
-    min-height: var(--fds-sizing-12);
-    font: var(--fds-typography-paragraph-medium);
+  .ds-combobox--md .ds-combobox__input__wrapper {
+    min-height: var(--ds-sizing-12);
+    font: var(--ds-typography-paragraph-md);
     font-family: inherit;
-    padding: 7px var(--fds-spacing-3);
+    padding: 7px var(--ds-spacing-3);
   }
 
-  .fds-combobox--md .fds-combobox__input__wrapper .fds-combobox__input {
-    font: var(--fds-typography-paragraph-medium);
+  .ds-combobox--md .ds-combobox__input__wrapper .ds-combobox__input {
+    font: var(--ds-typography-paragraph-md);
     font-family: inherit;
   }
 
-  .fds-combobox--lg .fds-combobox__input__wrapper {
-    min-height: var(--fds-sizing-14);
-    font: var(--fds-typography-paragraph-large);
+  .ds-combobox--lg .ds-combobox__input__wrapper {
+    min-height: var(--ds-sizing-14);
+    font: var(--ds-typography-paragraph-lg);
     font-family: inherit;
-    padding: 7px var(--fds-spacing-4);
+    padding: 7px var(--ds-spacing-4);
   }
 
-  .fds-combobox--lg .fds-combobox__input__wrapper .fds-combobox__input {
-    font: var(--fds-typography-paragraph-large);
+  .ds-combobox--lg .ds-combobox__input__wrapper .ds-combobox__input {
+    font: var(--ds-typography-paragraph-lg);
     font-family: inherit;
   }
 
-  .fds-combobox__input__wrapper .fds-combobox__input:focus {
+  .ds-combobox__input__wrapper .ds-combobox__input:focus {
     outline: none;
   }
 
-  .fds-combobox__input__wrapper.fds-combobox--error {
-    border-color: var(--fds-semantic-border-danger-default);
+  .ds-combobox__input__wrapper.ds-combobox--error {
+    border-color: var(--ds-color-danger-border-default);
     border-width: 2px;
   }
 
-  .fds-combobox__chip-and-input {
+  .ds-combobox__chip-and-input {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
-    gap: var(--fds-spacing-2);
+    gap: var(--ds-spacing-2);
     align-items: center;
     background-color: transparent;
   }
 
-  .fds-combobox__arrow {
+  .ds-combobox__arrow {
     display: grid;
     place-items: center;
     cursor: pointer;
   }
 
-  .fds-combobox__input__wrapper.fds-combobox--readonly {
-    background: var(--fds-semantic-surface-neutral-subtle);
-    border-color: var(--fds-semantic-border-neutral-default);
+  .ds-combobox__input__wrapper.ds-combobox--readonly {
+    background: var(--ds-color-accent-base-default);
+    border-color: var(--ds-color-accent-base-default);
   }
 
-  .fds-combobox__label {
+  .ds-combobox__label {
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
     min-width: min-content;
     display: inline-flex;
     flex-direction: row;
-    gap: var(--fds-spacing-1);
+    gap: var(--ds-spacing-1);
     align-items: center;
   }
 
-  .fds-combobox__description {
-    color: var(--fds-semantic-text-neutral-subtle);
-    margin-top: calc(var(--fds-spacing-2) * -1);
+  .ds-combobox__description {
+    color: var(--ds-color-neutral-text-subtle);
+    margin-top: calc(var(--ds-spacing-2) * -1);
   }
 
-  .fds-combobox__clear-button {
+  .ds-combobox__clear-button {
     display: grid;
     place-items: center;
     cursor: pointer;
     background-color: transparent;
-    color: var(--fds-semantic-text-neutral-default);
+    color: var(--ds-color-neutral-text-default);
     border: none;
     padding: 0;
-    border-radius: var(--fds-spacing-1);
+    border-radius: var(--ds-spacing-1);
     height: 29px;
     width: 29px;
     aspect-ratio: 1;
   }
 
-  .fds-combobox--sm .fds-combobox__clear-button {
+  .ds-combobox--sm .ds-combobox__clear-button {
     height: 25px;
     width: 25px;
   }
 
-  .fds-combobox--md .fds-combobox__clear-button {
+  .ds-combobox--md .ds-combobox__clear-button {
     height: 29px;
     width: 29px;
   }
 
-  .fds-combobox--lg .fds-combobox__clear-button {
+  .ds-combobox--lg .ds-combobox__clear-button {
     height: 31px;
     width: 31px;
   }
 
-  .fds-combobox__clear-button:not(:disabled):hover {
-    background-color: var(--fds-semantic-surface-info-subtle-hover);
+  .ds-combobox__clear-button:not(:disabled):hover {
+    background-color: var(--ds-color-neutral-surface-default);
   }
 
-  .fds-combobox__disabled {
-    opacity: var(--fds-opacity-disabled);
+  .ds-combobox__disabled {
+    opacity: var(--ds-disabled-opacity);
   }
 
-  .fds-combobox__disabled * {
+  .ds-combobox__disabled * {
     cursor: not-allowed;
   }
 
-  .fds-combobox__readonly__icon {
+  .ds-combobox__readonly__icon {
     height: 1.2em;
     width: 1.2em;
   }
 
-  .fds-combobox__error-message {
-    margin-top: var(--fds-spacing-2);
+  .ds-combobox__error-message {
+    margin-top: var(--ds-spacing-2);
   }
 
-  .fds-combobox__error-message:empty {
+  .ds-combobox__error-message:empty {
     display: none;
   }
 
-  .fds-combobox__loading {
+  .ds-combobox__loading {
     display: flex;
-    gap: var(--fds-spacing-2);
+    gap: var(--ds-spacing-2);
     align-content: center;
   }
 
   /**
    * Apply a focus outline on an element when it is focused with keyboard
    */
-  .fds-combobox__input__wrapper:has(input:focus) {
-    --fds-focus-border-width: 3px;
+  .ds-combobox__input__wrapper:has(input:focus) {
+    --dsc-focus-border-width: 3px;
+
+    outline: var(--dsc-focus-border-width) solid var(--ds-color-neutral-text-default);
+    outline-offset: var(--dsc-focus-border-width);
+    box-shadow: 0 0 0 var(--dsc-focus-border-width) var(--ds-color-neutral-background-default) !important;
+  }
 
-    outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
-    outline-offset: var(--fds-focus-border-width);
-    box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow) !important;
+  .ds-combobox__input__wrapper:focus-within:hover {
+    border-color: var(--ds-color-neutral-border-default);
   }
 
-  .fds-combobox__empty {
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
+  .ds-combobox__empty {
+    padding: var(--ds-spacing-2) var(--ds-spacing-3);
   }
 
-  .fds-combobox--lg .fds-combobox__empty {
-    font: var(--fds-typography-label-large);
+  .ds-combobox--lg .ds-combobox__empty {
+    font: var(--ds-typography-label-lg);
     font-family: inherit;
     font-weight: 400;
   }
 
-  .fds-combobox--md .fds-combobox__empty {
-    font: var(--fds-typography-label-medium);
+  .ds-combobox--md .ds-combobox__empty {
+    font: var(--ds-typography-label-md);
     font-family: inherit;
     font-weight: 400;
   }
 
-  .fds-combobox--sm .fds-combobox__empty {
-    font: var(--fds-typography-label-small);
+  .ds-combobox--sm .ds-combobox__empty {
+    font: var(--ds-typography-label-sm);
     font-family: inherit;
     font-weight: 400;
   }
 
-  .fds-combobox__custom {
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
+  .ds-combobox__custom {
+    padding: var(--ds-spacing-2) var(--ds-spacing-3);
   }
 
-  .fds-combobox--lg .fds-combobox__custom {
-    font: var(--fds-typography-label-large);
+  .ds-combobox--lg .ds-combobox__custom {
+    font: var(--ds-typography-label-lg);
     font-family: inherit;
     font-weight: 400;
   }
 
-  .fds-combobox--md .fds-combobox__custom {
-    font: var(--fds-typography-label-medium);
+  .ds-combobox--md .ds-combobox__custom {
+    font: var(--ds-typography-label-md);
     font-family: inherit;
     font-weight: 400;
   }
 
-  .fds-combobox--sm .fds-combobox__custom {
-    font: var(--fds-typography-label-small);
+  .ds-combobox--sm .ds-combobox__custom {
+    font: var(--ds-typography-label-sm);
     font-family: inherit;
     font-weight: 400;
   }
 
-  .fds-combobox__option {
+  .ds-combobox__option {
     width: 100%;
     display: grid;
     grid-template-columns: 1.2em 1fr;
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
-    padding-left: var(--fds-spacing-1);
+    padding: var(--ds-spacing-2) var(--ds-spacing-3);
+    padding-left: var(--ds-spacing-1);
     border: none;
     border-left: 5px solid transparent;
-    border-radius: var(--fds-border_radius-interactive);
+    border-radius: var(--ds-border-radius-md);
     justify-content: start;
     background: none;
     text-align: left;
     height: auto;
     cursor: pointer;
-    font: var(--fds-typography-label-medium);
+    font: var(--ds-typography-label-md);
     font-family: inherit;
   }
 
-  .fds-combobox__option.fds-combobox__option--active {
-    background: var(--fds-semantic-surface-action-first-no_fill-hover);
-    border-left: 5px solid var(--fds-semantic-border-input-hover);
+  .ds-combobox__option.ds-combobox__option--active {
+    background: var(--ds-color-accent-background-subtle);
+    border-left: 5px solid var(--ds-color-accent-base-default);
   }
 
-  .fds-combobox__option > div {
+  .ds-combobox__option > div {
     align-self: flex-start;
   }
 
-  .fds-combobox__option.fds-combobox__option--multiple {
+  .ds-combobox__option.ds-combobox__option--multiple {
     grid-template-columns: auto 1fr;
-    gap: var(--fds-spacing-2);
+    gap: var(--ds-spacing-2);
   }
 
-  .fds-combobox__option__label {
+  .ds-combobox__option__label {
     margin: auto 0;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     cursor: pointer;
-    gap: var(--fds-spacing-1);
-    color: var(--fds-semantic-text-neutral-default);
+    gap: var(--ds-spacing-1);
+    color: var(--ds-color-neutral-text-default);
   }
 
-  .fds-combobox__option--active .fds-combobox__option__label {
-    color: var(--fds-semantic-text-action-hover);
+  .ds-combobox__option--active .ds-combobox__option__label {
+    color: var(--ds-color-accent-text-default);
   }
 
-  .fds-combobox__option__icon-wrapper {
-    width: var(--fds-spacing-6);
+  .ds-combobox__option__icon-wrapper {
+    width: var(--ds-spacing-6);
     aspect-ratio: 1 / 1;
-    border: 2px solid var(--fds-semantic-border-input-default);
-    border-radius: var(--fds-border_radius-interactive);
-    background-color: white;
+    border: 2px solid var(--ds-color-neutral-border-default);
+    border-radius: var(--ds-border-radius-md);
+    background-color: var(--ds-color-neutral-background-default);
     display: grid;
     place-items: center;
   }
 
-  .fds-combobox__option--active .fds-combobox__option__icon-wrapper {
-    border-color: var(--fds-semantic-border-input-hover);
+  .ds-combobox__option--active .ds-combobox__option__icon-wrapper {
+    border-color: var(--ds-color-accent-base-default);
   }
 
-  .fds-combobox--sm .fds-combobox__option .fds-combobox__option__icon-wrapper {
-    width: var(--fds-spacing-5);
+  .ds-combobox--sm .ds-combobox__option .ds-combobox__option__icon-wrapper {
+    width: var(--ds-spacing-5);
   }
 
-  .fds-combobox--md .fds-combobox__option .fds-combobox__option__icon-wrapper {
-    width: var(--fds-spacing-6);
+  .ds-combobox--md .ds-combobox__option .ds-combobox__option__icon-wrapper {
+    width: var(--ds-spacing-6);
   }
 
-  .fds-combobox--lg .fds-combobox__option .fds-combobox__option__icon-wrapper {
-    width: var(--fds-spacing-7);
+  .ds-combobox--lg .ds-combobox__option .ds-combobox__option__icon-wrapper {
+    width: var(--ds-spacing-7);
   }
 
-  .fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected {
-    border-color: var(--fds-semantic-border-input-hover);
-    background-color: var(--fds-semantic-border-input-hover);
+  .ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected {
+    border-color: var(--ds-color-accent-base-default);
+    background-color: var(--ds-color-accent-base-default);
   }
 
-  .fds-combobox__option__icon-wrapper__icon {
+  .ds-combobox__option__icon-wrapper__icon {
     box-sizing: border-box;
     padding-top: 0.2em;
     transform: scale(1.4);
-    stroke: var(--fds-semantic-text-neutral-default);
-    color: var(--fds-semantic-text-neutral-default);
+    stroke: var(--ds-color-neutral-text-default);
+    color: var(--ds-color-neutral-text-default);
   }
 
-  .fds-combobox__option__icon-wrapper .fds-combobox__option__icon-wrapper__icon {
+  .ds-combobox__option__icon-wrapper .ds-combobox__option__icon-wrapper__icon {
     padding-top: 0;
   }
 
-  .fds-combobox__option--active .fds-combobox__option__icon-wrapper__icon {
-    stroke: var(--fds-semantic-text-action-hover);
-    color: var(--fds-semantic-text-action-hover);
+  .ds-combobox__option--active .ds-combobox__option__icon-wrapper__icon {
+    stroke: var(--ds-color-accent-text-default);
+    color: var(--ds-color-accent-text-default);
   }
 
-  .fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected .fds-combobox__option__icon-wrapper__icon {
+  .ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected .ds-combobox__option__icon-wrapper__icon {
     color: white;
     stroke: white;
   }
 
-  .fds-combobox__option__description {
+  .ds-combobox__option__description {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
-    gap: var(--fds-spacing-1);
-    color: var(--fds-semantic-text-neutral-subtle);
+    gap: var(--ds-spacing-1);
+    color: var(--ds-color-neutral-text-subtle);
     font: inherit;
     font-family: inherit;
   }

package/dist/accordion.css

@@ -1 +1 @@
-@layer fds.accordion{.fds-accordion{--fds-accordion-border-radius:var(--fds-border_radius-interactive);--fds-accordion-border-color:var(--fds-semantic-border-neutral-subtle);border-bottom:1px solid var(--fds-semantic-border-neutral-subtle);box-sizing:border-box}.fds-accordion--border{border:1px solid var(--fds-accordion-border-color);border-radius:var(--fds-accordion-border-radius)}.fds-accordion__expand-icon{border-radius:var(--fds-border_radius-interactive)}.fds-accordion__content{overflow:hidden;padding:var(--fds-spacing-5,1rem);text-overflow:ellipsis}.fds-accordion__header{margin:0}.fds-accordion__button{align-items:center;border:none;border-top:1px solid var(--fds-semantic-border-neutral-subtle);cursor:pointer;display:flex;gap:var(--fds-spacing-2);justify-content:flex-start;margin:0;padding:var(--fds-spacing-4);text-align:left;width:100%}.fds-accordion--border .fds-accordion__button{border-radius:var(--fds-accordion-border-radius)}.fds-accordion__item:focus-within{position:relative}.fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__expand-icon{transform:rotate(180deg)}.fds-accordion--neutral,.fds-accordion--neutral .fds-accordion__button{background-color:var(--fds-semantic-surface-neutral-default)}.fds-accordion--subtle,.fds-accordion--subtle .fds-accordion__button{background-color:var(--fds-semantic-surface-neutral-subtle)}.fds-accordion--first,.fds-accordion--first .fds-accordion__button{--fds-accordion-border-color:var(--fds-semantic-border-first-default);background:var(--fds-semantic-surface-first-light)}.fds-accordion--second,.fds-accordion--second .fds-accordion__button{--fds-accordion-border-color:var(--fds-semantic-border-second-default);background:var(--fds-semantic-surface-second-light)}.fds-accordion--third,.fds-accordion--third .fds-accordion__button{--fds-accordion-border-color:var(--fds-semantic-border-third-default);background:var(--fds-semantic-surface-third-light)}.fds-accordion--first .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--second .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--third .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:rgba(0,0,0,.03)}.fds-accordion--neutral .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--subtle .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:var(--fds-semantic-surface-action-first-no_fill-hover)}.fds-accordion--border .fds-accordion__item:first-child .fds-accordion__button{border-top:0}.fds-accordion--first .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--second .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--third .fds-accordion__item:not(:first-child) .fds-accordion__button{border-top:1px solid var(--fds-semantic-surface-neutral-default)}@media (hover:hover) and (pointer:fine){.fds-accordion__button:hover .fds-accordion__expand-icon{background-color:rgba(0,0,0,.1)}.fds-accordion--neutral .fds-accordion__button:hover,.fds-accordion--subtle .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-neutral-subtle-hover)}.fds-accordion--first .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-first-light-hover)}.fds-accordion--second .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-second-light-hover)}.fds-accordion--third .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-third-light-hover)}}}
+@layer ds.accordion{.ds-accordion{--dsc-accordion-border-radius:var(--ds-border-radius-md);--dsc-accordion-border-color:var(--ds-color-neutral-border-subtle);--dsc-accordion-background:var(--ds-color-neutral-background-default);--dsc-accordion-button-background:var(--ds-color-neutral-background-default);--dsc-accordion-button-background-open:var(--ds-color-neutral-background-subtle);--dsc-accordion-icon-background-hover:var(--ds-color-neutral-surface-default);--dsc-accordion-icon-background-active:var(--ds-color-neutral-surface-default);background-color:var(--dsc-accordion-background);border-bottom:1px solid var(--dsc-accordion-border-color);box-sizing:border-box}.ds-accordion--border{border:1px solid var(--dsc-accordion-border-color);border-radius:var(--dsc-accordion-border-radius)}.ds-accordion__expand-icon{border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default)}.ds-accordion__content{overflow:hidden;padding:var(--ds-spacing-5,1rem);text-overflow:ellipsis}.ds-accordion__header{background-color:var(--dsc-accordion-button-background);border:none;border-top:1px solid var(--dsc-accordion-border-color);text-align:left}.ds-accordion__button,.ds-accordion__header{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:flex-start;margin:0;width:100%}.ds-accordion__button{background-color:initial;border:none;cursor:pointer;padding:var(--ds-spacing-4)}.ds-accordion__item--open .ds-accordion__header{background-color:var(--dsc-accordion-button-background-open)}.ds-accordion__item:focus-within{position:relative}.ds-accordion__item:where(.ds-accordion__item--open) .ds-accordion__expand-icon{transform:rotate(180deg)}.ds-accordion__item:not(:first-child) .ds-accordion__header{border-top:1px solid var(--dsc-accordion-border-color)}.ds-accordion--border .ds-accordion__item:first-child .ds-accordion__header{border-top:0}.ds-accordion--border .ds-accordion__item:first-of-type .ds-accordion__header:first-of-type{border-top-left-radius:var(--dsc-accordion-border-radius);border-top-right-radius:var(--dsc-accordion-border-radius)}.ds-accordion--border .ds-accordion__item:last-of-type:not(.ds-accordion__item--open) .ds-accordion__header:first-of-type{border-bottom-left-radius:var(--dsc-accordion-border-radius);border-bottom-right-radius:var(--dsc-accordion-border-radius)}@media (hover:hover) and (pointer:fine){.ds-accordion__header:hover .ds-accordion__expand-icon{background-color:var(--dsc-accordion-icon-background-hover)}.ds-accordion__item--open .ds-accordion__header:hover .ds-accordion__expand-icon{background-color:var(--dsc-accordion-icon-background-active)}}.ds-accordion--neutral{--dsc-accordion-background:var(--ds-color-neutral-background-default);--dsc-accordion-button-background:var(--ds-color-neutral-background-default);--dsc-accordion-button-background-open:var(--ds-color-neutral-background-subtle);--dsc-accordion-icon-background-hover:var(--ds-color-neutral-surface-default)}.ds-accordion--subtle{--dsc-accordion-background:var(--ds-color-neutral-background-subtle);--dsc-accordion-border-color:var(--ds-color-neutral-border-default);--dsc-accordion-button-background:var(--ds-color-neutral-background-subtle);--dsc-accordion-button-background-open:var(--ds-color-neutral-surface-default);--dsc-accordion-icon-background-hover:var(--ds-color-neutral-surface-default);--dsc-accordion-icon-background-active:var(--ds-color-neutral-surface-active)}.ds-accordion--brand1{--dsc-accordion-background:var(--ds-color-brand1-background-subtle);--dsc-accordion-border-color:var(--ds-color-brand1-border-subtle);--dsc-accordion-button-background:var(--ds-color-brand1-surface-default);--dsc-accordion-button-background-open:var(--ds-color-brand1-surface-hover);--dsc-accordion-icon-background-hover:var(--ds-color-brand1-surface-active);--dsc-accordion-icon-background-active:var(--ds-color-brand1-surface-active)}.ds-accordion--brand2{--dsc-accordion-background:var(--ds-color-brand2-background-subtle);--dsc-accordion-border-color:var(--ds-color-brand2-border-subtle);--dsc-accordion-button-background:var(--ds-color-brand2-surface-default);--dsc-accordion-button-background-open:var(--ds-color-brand2-surface-hover);--dsc-accordion-icon-background-hover:var(--ds-color-brand2-surface-active);--dsc-accordion-icon-background-active:var(--ds-color-brand2-surface-active)}.ds-accordion--brand3{--dsc-accordion-background:var(--ds-color-brand3-background-subtle);--dsc-accordion-border-color:var(--ds-color-brand3-border-subtle);--dsc-accordion-button-background:var(--ds-color-brand3-surface-default);--dsc-accordion-button-background-open:var(--ds-color-brand3-surface-hover);--dsc-accordion-icon-background-hover:var(--ds-color-brand3-surface-active);--dsc-accordion-icon-background-active:var(--ds-color-brand3-surface-active)}}

package/dist/alert.css

@@ -1 +1 @@
-@layer fds.alert{.fds-alert{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-border-radius:var(--fds-border_radius-medium);--fds-alert-color:var(--fds-semantic-text-neutral-default);--fds-alert-icon-color:var(--fds-alert-border-color);--fds-alert-icon-size:var(--fds-sizing-7);--fds-alert-background:var(--fds-semantic-surface-info-subtle);--fds-alert-padding:var(--fds-spacing-6);background:var(--fds-alert-background);border:1px solid var(--fds-alert-border-color);border-radius:var(--fds-alert-border-radius);color:var(--fds-alert-color);display:grid;font:var(--fds-typography-paragraph-medium);gap:var(--fds-spacing-2);grid-auto-columns:-webkit-min-content auto;grid-auto-columns:min-content auto;grid-auto-flow:column;padding:var(--fds-alert-padding)}.fds-alert__icon{color:var(--fds-alert-icon-color);height:var(--fds-alert-icon-size);width:var(--fds-alert-icon-size)}.fds-alert__content{display:flex;flex-direction:column}.fds-alert--info{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-background:var(--fds-semantic-surface-info-subtle)}.fds-alert--warning{--fds-alert-border-color:var(--fds-semantic-border-warning-default);--fds-alert-background:var(--fds-semantic-surface-warning-subtle)}.fds-alert--success{--fds-alert-border-color:var(--fds-semantic-border-success-default);--fds-alert-background:var(--fds-semantic-surface-success-subtle)}.fds-alert--danger{--fds-alert-border-color:var(--fds-semantic-border-danger-default);--fds-alert-background:var(--fds-semantic-surface-danger-subtle)}.fds-alert--sm{--fds-alert-padding:var(--fds-spacing-5);--fds-alert-icon-size:var(--fds-sizing-6)}.fds-alert--md{--fds-alert-padding:var(--fds-spacing-6);--fds-alert-icon-size:var(--fds-sizing-7)}.fds-alert--lg{--fds-alert-padding:var(--fds-spacing-7);--fds-alert-icon-size:var(--fds-sizing-8)}.fds-alert--elevated{box-shadow:var(--fds-shadow-small)}}
+@layer ds.alert{.ds-alert{--dsc-alert-border-color:var(--ds-color-info-border-strong);--dsc-alert-border-radius:var(--ds-border-radius-md);--dsc-alert-color:var(--ds-color-neutral-text-default);--dsc-alert-icon-color:var(--dsc-alert-border-color);--dsc-alert-icon-size:var(--ds-sizing-7);--dsc-alert-background:var(--ds-color-info-surface-default);--dsc-alert-padding:var(--ds-spacing-6);background:var(--dsc-alert-background);border:1px solid var(--dsc-alert-border-color);border-radius:var(--dsc-alert-border-radius);color:var(--dsc-alert-color);display:grid;font:var(--ds-typography-paragraph-md);gap:var(--ds-spacing-2);grid-auto-columns:-webkit-min-content auto;grid-auto-columns:min-content auto;grid-auto-flow:column;padding:var(--dsc-alert-padding)}.ds-alert__icon{color:var(--dsc-alert-icon-color);height:var(--dsc-alert-icon-size);width:var(--dsc-alert-icon-size)}.ds-alert__content{display:flex;flex-direction:column}.ds-alert--info{--dsc-alert-border-color:var(--ds-color-info-border-strong);--dsc-alert-icon-color:var(--ds-color-info-base-default);--dsc-alert-background:var(--ds-color-info-surface-default)}.ds-alert--warning{--dsc-alert-border-color:var(--ds-color-warning-border-default);--dsc-alert-icon-color:var(--ds-color-warning-base-default);--dsc-alert-background:var(--ds-color-warning-surface-default)}.ds-alert--success{--dsc-alert-border-color:var(--ds-color-success-border-default);--dsc-alert-icon-color:var(--ds-color-success-base-default);--dsc-alert-background:var(--ds-color-success-surface-default)}.ds-alert--danger{--dsc-alert-border-color:var(--ds-color-danger-border-default);--dsc-alert-icon-color:var(--ds-color-danger-base-default);--dsc-alert-background:var(--ds-color-danger-surface-default)}.ds-alert--sm{--dsc-alert-padding:var(--ds-spacing-5);--dsc-alert-icon-size:var(--ds-sizing-6)}.ds-alert--md{--dsc-alert-padding:var(--ds-spacing-6);--dsc-alert-icon-size:var(--ds-sizing-7)}.ds-alert--lg{--dsc-alert-padding:var(--ds-spacing-7);--dsc-alert-icon-size:var(--ds-sizing-8)}.ds-alert--elevated{box-shadow:var(--ds-shadow-sm)}}

package/dist/box.css

@@ -1 +1 @@
-@layer fds.box{.fds-box--xs-shadow{box-shadow:var(--fds-shadow-xsmall)}.fds-box--sm-shadow{box-shadow:var(--fds-shadow-small)}.fds-box--md-shadow{box-shadow:var(--fds-shadow-medium)}.fds-box--lg-shadow{box-shadow:var(--fds-shadow-large)}.fds-box--xl-shadow{box-shadow:var(--fds-shadow-xlarge)}.fds-box--default-border-color{border:1px solid var(--fds-semantic-border-neutral-default)}.fds-box--subtle-border-color{border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-box--strong-border-color{border:1px solid var(--fds-semantic-border-neutral-strong)}.fds-box--sm-border-radius{border-radius:var(--fds-border_radius-small)}.fds-box--md-border-radius{border-radius:var(--fds-border_radius-medium)}.fds-box--lg-border-radius{border-radius:var(--fds-border_radius-large)}.fds-box--xl-border-radius{border-radius:var(--fds-border_radius-xlarge)}.fds-box--2xl-border-radius{border-radius:var(--fds-border_radius-xxlarge)}.fds-box--3xl-border-radius{border-radius:var(--fds-border_radius-xxxlarge)}.fds-box--4xl-border-radius{border-radius:var(--fds-border_radius-xxxxlarge)}.fds-box--full-border-radius{border-radius:var(--fds-border_radius-full)}.fds-box--default-background{background-color:var(--fds-semantic-background-default)}.fds-box--subtle-background{background-color:var(--fds-semantic-background-subtle)}}
+@layer ds.box{.ds-box--xs-shadow{box-shadow:var(--ds-shadow-xs)}.ds-box--sm-shadow{box-shadow:var(--ds-shadow-sm)}.ds-box--md-shadow{box-shadow:var(--ds-shadow-md)}.ds-box--lg-shadow{box-shadow:var(--ds-shadow-lg)}.ds-box--xl-shadow{box-shadow:var(--ds-shadow-xl)}.ds-box--default-border-color{border:1px solid var(--ds-color-neutral-border-default)}.ds-box--subtle-border-color{border:1px solid var(--ds-color-neutral-border-subtle)}.ds-box--strong-border-color{border:1px solid var(--ds-color-neutral-base-strong)}.ds-box--sm-border-radius{border-radius:var(--ds-border-radius-sm)}.ds-box--md-border-radius{border-radius:var(--ds-border-radius-md)}.ds-box--lg-border-radius{border-radius:var(--ds-border-radius-lg)}.ds-box--xl-border-radius{border-radius:var(--ds-border-radius-xl)}.ds-box--2xl-border-radius{border-radius:var(--ds-border-radius-2xl)}.ds-box--3xl-border-radius{border-radius:var(--ds-border-radius-3xl)}.ds-box--4xl-border-radius{border-radius:var(--ds-border-radius-4xl)}.ds-box--full-border-radius{border-radius:var(--ds-border-radius-full)}.ds-box--default-background{background-color:var(--ds-color-neutral-background-default)}.ds-box--subtle-background{background-color:var(--ds-color-neutral-background-subtle)}}

package/dist/button.css

@@ -1 +1 @@
-@layer fds.btn{.fds-btn{--fds-btn-padding:var(--fds-spacing-2) var(--fds-spacing-4);align-items:center;background-color:var(--fds-semantic-surface-action-first-default);border:var(--fds-border_width-default) solid transparent;border-radius:var(--fds-border_radius-interactive);box-sizing:border-box;color:var(--fds-semantic-text-action-first-on_action);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--fds-sizing-10);min-width:2.5em;padding:var(--fds-btn-padding);position:relative;text-align:center;text-decoration:none}.fds-btn svg{overflow:visible}.fds-btn:disabled,.fds-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--fds-opacity-disabled)}.fds-btn--sm{--fds-btn-padding:var(--fds-spacing-2) var(--fds-spacing-3);font:var(--fds-typography-paragraph-short-small);font-family:inherit;gap:var(--fds-sizing-1);min-height:var(--fds-sizing-10)}.fds-btn--sm:before{content:"";left:0;min-height:auto;position:absolute;top:0;width:auto}.fds-btn--sm:after{content:"";height:44px;left:0;position:absolute;top:-5px;width:100%}.fds-btn--md{--fds-btn-padding:var(--fds-spacing-2) var(--fds-spacing-4);font:var(--fds-typography-paragraph-short-medium);font-family:inherit;gap:var(--fds-sizing-2);min-height:var(--fds-sizing-12)}.fds-btn--lg{--fds-btn-padding:var(--fds-spacing-3) var(--fds-spacing-5);font:var(--fds-typography-paragraph-short-large);font-family:inherit;gap:var(--fds-sizing-2);min-height:var(--fds-sizing-14)}.fds-btn--full-width{width:100%}.fds-btn--secondary,.fds-btn--tertiary{background-color:initial}.fds-btn--icon-only{--fds-btn-padding:0}.fds-btn--primary:where(.fds-btn--first){background-color:var(--fds-semantic-surface-action-first-default)}.fds-btn--primary:where(.fds-btn--second){background-color:var(--fds-semantic-surface-action-second-default)}.fds-btn--primary:where(.fds-btn--success){background-color:var(--fds-semantic-surface-success-default)}.fds-btn--primary:where(.fds-btn--danger){background-color:var(--fds-semantic-surface-danger-default)}@media (hover:hover) and (pointer:fine){.fds-btn--primary:where(.fds-btn--first):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-first-hover)}.fds-btn--primary:where(.fds-btn--second):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-second-hover)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-success-hover)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-danger-hover)}.fds-btn--secondary:where(.fds-btn--first):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-first-no_fill-hover);border-color:var(--fds-semantic-border-action-first-hover);color:var(--fds-semantic-text-action-first-hover)}.fds-btn--secondary:where(.fds-btn--second):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-second-no_fill-hover);border-color:var(--fds-semantic-border-action-second-hover);color:var(--fds-semantic-text-action-second-hover)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-success-no_fill-hover);border-color:var(--fds-semantic-border-success-hover);color:var(--fds-semantic-text-success-hover)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-danger-no_fill-hover);border-color:var(--fds-semantic-border-danger-hover);color:var(--fds-semantic-text-danger-hover)}.fds-btn--tertiary:where(.fds-btn--first):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-first-no_fill-hover);color:var(--fds-semantic-text-action-first-hover)}.fds-btn--tertiary:where(.fds-btn--second):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-second-no_fill-hover);color:var(--fds-semantic-text-action-second-hover)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-success-no_fill-hover);color:var(--fds-semantic-text-success-hover)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-danger-no_fill-hover);color:var(--fds-semantic-text-danger-hover)}}.fds-btn--primary:where(.fds-btn--first):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-first-active)}.fds-btn--primary:where(.fds-btn--second):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-second-active)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-success-active)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-danger-active)}.fds-btn--secondary:where(.fds-btn--first){background-color:var(--fds-semantic-surface-action-first-no_fill);border-color:var(--fds-semantic-border-action-first-default);color:var(--fds-semantic-text-action-first-default)}.fds-btn--secondary:where(.fds-btn--second){background-color:var(--fds-semantic-surface-action-second-no_fill);border-color:var(--fds-semantic-border-action-second-default);color:var(--fds-semantic-text-action-second-default)}.fds-btn--secondary:where(.fds-btn--success){background-color:var(--fds-semantic-surface-success-no_fill);border-color:var(--fds-semantic-border-success-default);color:var(--fds-semantic-text-success-default)}.fds-btn--secondary:where(.fds-btn--danger){background-color:var(--fds-semantic-surface-danger-no_fill);border-color:var(--fds-semantic-border-danger-default);color:var(--fds-semantic-text-danger-default)}.fds-btn--secondary:where(.fds-btn--first):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-first-no_fill-active);border-color:var(--fds-semantic-border-action-first-active);color:var(--fds-semantic-text-action-first-active)}.fds-btn--secondary:where(.fds-btn--second):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-second-no_fill-active);border-color:var(--fds-semantic-border-action-second-active);color:var(--fds-semantic-text-action-second-active)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-success-no_fill-active);border-color:var(--fds-semantic-border-success-active);color:var(--fds-semantic-text-success-active)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-danger-no_fill-active);border-color:var(--fds-semantic-border-danger-active);color:var(--fds-semantic-text-danger-active)}.fds-btn--tertiary:where(.fds-btn--first){color:var(--fds-semantic-text-action-first-default)}.fds-btn--tertiary:where(.fds-btn--second){color:var(--fds-semantic-text-action-second-default)}.fds-btn--tertiary:where(.fds-btn--success){color:var(--fds-semantic-text-success-default)}.fds-btn--tertiary:where(.fds-btn--danger){color:var(--fds-semantic-text-danger-default)}.fds-btn--tertiary:where(.fds-btn--first):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-first-no_fill-active);color:var(--fds-semantic-text-action-first-active)}.fds-btn--tertiary:where(.fds-btn--second):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-second-no_fill-active);color:var(--fds-semantic-text-action-second-active)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-success-no_fill-active);color:var(--fds-semantic-text-success-active)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-danger-no_fill-active);color:var(--fds-semantic-text-danger-active)}}
+@layer ds.btn{.ds-btn{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);--dsc-btn-primary-background:var(--ds-color-accent-base-default);--dsc-btn-primary-hover-background:var(--ds-color-accent-base-hover);--dsc-btn-primary-active-background:var(--ds-color-accent-base-active);--dsc-btn-primary-hover-color:var(--ds-color-accent-contrast-default);--dsc-btn-secondary-color:var(--ds-color-accent-text-default);--dsc-btn-secondary-hover-color:var(--ds-color-accent-text-default);--dsc-btn-secondary-active-color:var(--ds-color-accent-text-default);--dsc-btn-secondary-border-color:var(--ds-color-accent-border-strong);--dsc-btn-secondary-hover-background:var(--ds-color-accent-surface-hover);--dsc-btn-secondary-active-background:var(--ds-color-accent-surface-hover);--dsc-btn-tertiary-color:var(--ds-color-accent-text-default);--dsc-btn-tertiary-hover-color:var(--ds-color-accent-text-default);--dsc-btn-tertiary-active-color:var(--ds-color-accent-text-default);--dsc-btn-tertiary-hover-background:var(--ds-color-accent-surface-hover);--dsc-btn-tertiary-active-background:var(--ds-color-accent-surface-hover);align-items:center;background-color:var(--dsc-btn-primary-background);border:var(--ds-border-width-default) solid transparent;border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--dsc-btn-primary-color);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--ds-sizing-10);min-width:2.5em;padding:var(--dsc-btn-padding);position:relative;text-align:center;text-decoration:none}.ds-btn svg{overflow:visible}.ds-btn:disabled,.ds-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-disabled-opacity)}.ds-btn--sm{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-3);font:var(--ds-typography-paragraph-short-sm);font-family:inherit;gap:var(--ds-sizing-1);min-height:var(--ds-sizing-10)}.ds-btn--sm:before{content:"";left:0;min-height:auto;position:absolute;top:0;width:auto}.ds-btn--sm:after{content:"";height:44px;left:0;position:absolute;top:-5px;width:100%}.ds-btn--md{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);font:var(--ds-typography-paragraph-short-md);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-12)}.ds-btn--lg{--dsc-btn-padding:var(--ds-spacing-3) var(--ds-spacing-5);font:var(--ds-typography-paragraph-short-lg);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-14)}.ds-btn--full-width{width:100%}.ds-btn--secondary,.ds-btn--tertiary{background-color:initial}.ds-btn--icon-only{--dsc-btn-padding:0}@media (hover:hover) and (pointer:fine){.ds-btn--primary:not([aria-disabled=true],:disabled):hover{background-color:var(--dsc-btn-primary-hover-background)}.ds-btn--secondary:not([aria-disabled=true],:disabled):hover{background-color:var(--dsc-btn-secondary-hover-background);border-color:var(--dsc-btn-secondary-border-color);color:var(--dsc-btn-secondary-hover-color)}.ds-btn--tertiary:not([aria-disabled=true],:disabled):hover{background-color:var(--dsc-btn-tertiary-hover-background);color:var(--dsc-btn-tertiary-hover-color)}}.ds-btn--primary{background-color:var(--dsc-btn-primary-background)}.ds-btn--primary:not([aria-disabled=true],:disabled):active{background-color:var(--dsc-btn-primary-active-background)}.ds-btn--secondary{background-color:initial;border-color:var(--dsc-btn-secondary-border-color);color:var(--dsc-btn-secondary-color)}.ds-btn--secondary:not([aria-disabled=true],:disabled):active{background-color:var(--dsc-btn-secondary-active-background);border-color:var(--dsc-btn-secondary-border-color);color:var(--dsc-btn-secondary-active-color)}.ds-btn--tertiary{color:var(--dsc-btn-tertiary-color)}.ds-btn--tertiary:not([aria-disabled=true],:disabled):active{background-color:var(--dsc-btn-tertiary-active-background);color:var(--dsc-btn-tertiary-active-color)}.ds-btn--accent{--dsc-btn-primary-background:var(--ds-color-accent-base-default);--dsc-btn-primary-color:var(--ds-color-accent-contrast-default);--dsc-btn-primary-hover-background:var(--ds-color-accent-base-hover);--dsc-btn-primary-active-background:var(--ds-color-accent-base-active);--dsc-btn-secondary-color:var(--ds-color-accent-text-subtle);--dsc-btn-secondary-hover-color:var(--ds-color-accent-text-default);--dsc-btn-secondary-active-color:var(--ds-color-accent-text-default);--dsc-btn-secondary-border-color:var(--ds-color-accent-border-strong);--dsc-btn-secondary-hover-background:var(--ds-color-accent-surface-default);--dsc-btn-secondary-active-background:var(--ds-color-accent-surface-hover);--dsc-btn-tertiary-color:var(--ds-color-accent-text-subtle);--dsc-btn-tertiary-hover-color:var(--ds-color-accent-text-default);--dsc-btn-tertiary-active-color:var(--ds-color-accent-text-default);--dsc-btn-tertiary-hover-background:var(--ds-color-accent-surface-default);--dsc-btn-tertiary-active-background:var(--ds-color-accent-surface-hover)}.ds-btn--neutral{--dsc-btn-primary-background:var(--ds-color-neutral-base-default);--dsc-btn-primary-color:var(--ds-color-neutral-contrast-default);--dsc-btn-primary-hover-background:var(--ds-color-neutral-base-hover);--dsc-btn-primary-active-background:var(--ds-color-neutral-base-active);--dsc-btn-secondary-color:var(--ds-color-neutral-text-subtle);--dsc-btn-secondary-hover-color:var(--ds-color-neutral-text-default);--dsc-btn-secondary-active-color:var(--ds-color-neutral-text-default);--dsc-btn-secondary-border-color:var(--ds-color-neutral-border-strong);--dsc-btn-secondary-hover-background:var(--ds-color-neutral-surface-default);--dsc-btn-secondary-active-background:var(--ds-color-neutral-surface-hover);--dsc-btn-tertiary-color:var(--ds-color-neutral-text-subtle);--dsc-btn-tertiary-hover-color:var(--ds-color-neutral-text-default);--dsc-btn-tertiary-active-color:var(--ds-color-neutral-text-default);--dsc-btn-tertiary-hover-background:var(--ds-color-neutral-surface-default);--dsc-btn-tertiary-active-background:var(--ds-color-neutral-surface-hover)}.ds-btn--danger{--dsc-btn-primary-background:var(--ds-color-danger-base-default);--dsc-btn-primary-color:var(--ds-color-danger-contrast-default);--dsc-btn-primary-hover-background:var(--ds-color-danger-base-hover);--dsc-btn-primary-active-background:var(--ds-color-danger-base-active);--dsc-btn-secondary-color:var(--ds-color-danger-text-subtle);--dsc-btn-secondary-hover-color:var(--ds-color-danger-text-default);--dsc-btn-secondary-active-color:var(--ds-color-danger-text-default);--dsc-btn-secondary-border-color:var(--ds-color-danger-border-strong);--dsc-btn-secondary-hover-background:var(--ds-color-danger-surface-default);--dsc-btn-secondary-active-background:var(--ds-color-danger-surface-hover);--dsc-btn-tertiary-color:var(--ds-color-danger-text-subtle);--dsc-btn-tertiary-hover-color:var(--ds-color-danger-text-default);--dsc-btn-tertiary-active-color:var(--ds-color-danger-text-default);--dsc-btn-tertiary-hover-background:var(--ds-color-danger-surface-default);--dsc-btn-tertiary-active-background:var(--ds-color-danger-surface-hover)}}

package/dist/card.css

@@ -1 +1 @@
-@layer fds.card{.fds-card__media{width:auto}.fds-card__media>*{border:0;display:flex;flex-direction:column;width:100%}.fds-card__content,.fds-card__footer{display:flex;flex-wrap:wrap;gap:var(--fds-spacing-4);justify-content:flex-start;word-wrap:break-word;font:var(--fds-typography-paragraph-medium);font-family:inherit;padding:var(--fds-spacing-2) 0}.fds-card__content{flex-direction:column}.fds-card__header{flex-wrap:wrap;word-wrap:break-word;font:var(--fds-typography-heading-medium);font-family:inherit;padding:var(--fds-spacing-2) 0}.fds-card,.fds-card__header{display:flex;flex-direction:column}.fds-card{border-radius:var(--fds-border_radius-medium);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.fds-card,.fds-card a,.fds-card a:visited{color:var(--fds-semantic-text-neutral-default)}.fds-card>hr{margin:var(--fds-spacing-3) 0;width:100%}.fds-card>:not(.fds-card__media,hr){padding-left:var(--fds-spacing-6);padding-right:var(--fds-spacing-6)}.fds-card>:not(.fds-card__media):first-child{padding-top:var(--fds-spacing-6)}.fds-card>:not(.fds-card__media):last-child{padding-bottom:var(--fds-spacing-6)}.fds-card__media:first-child{padding-bottom:var(--fds-spacing-4)}.fds-card__media:last-child{padding-top:var(--fds-spacing-6)}.fds-card--link{text-decoration:none}.fds-card--link h1,.fds-card--link h2,.fds-card--link h3,.fds-card--link h4,.fds-card--link h5,.fds-card--link h6{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(4px,.25rem,.22em)}.fds-card--neutral{background-color:var(--fds-semantic-surface-neutral-default)}.fds-card--neutral,.fds-card--subtle{border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--subtle{background-color:var(--fds-semantic-surface-neutral-subtle)}.fds-card--neutral.fds-card--link:hover,.fds-card--subtle.fds-card--link:hover{background-color:var(--fds-semantic-surface-neutral-subtle-hover)}.fds-card--first{background-color:var(--fds-semantic-surface-first-light);border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--first.fds-card--link:hover{background-color:var(--fds-semantic-surface-first-light-hover)}.fds-card--first.fds-card--link:active{background-color:var(--fds-semantic-surface-first-light-active)}.fds-card--second{background-color:var(--fds-semantic-surface-second-light);border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--second.fds-card--link:hover{background-color:var(--fds-semantic-surface-second-light-hover)}.fds-card--second.fds-card--link:active{background-color:var(--fds-semantic-surface-second-light-active)}.fds-card--third{background-color:var(--fds-semantic-surface-third-light);border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--third.fds-card--link:hover{background-color:var(--fds-semantic-surface-third-light-hover)}.fds-card--third.fds-card--link:active{background-color:var(--fds-semantic-surface-third-light-active)}}
+@layer ds.card{.ds-card{--dsc-card-border-color:var(--ds-color-neutral-border-subtle);--dsc-card-backround:var(--ds-color-neutral-surface-default);--dsc-card-color:var(--ds-color-neutral-text-default);background:var(--dsc-card-backround);border:1px solid var(--dsc-card-border-color);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--dsc-card-color);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.ds-card a,.ds-card a:visited{color:var(--ds-color-neutral-text-default)}.ds-card>hr{margin:var(--ds-spacing-3) 0;width:100%}.ds-card__media{width:auto}.ds-card__media>*{border:0;display:flex;flex-direction:column;width:100%}.ds-card>:not(.ds-card__media,hr){padding-left:var(--ds-spacing-6);padding-right:var(--ds-spacing-6)}.ds-card>:not(.ds-card__media):first-child{padding-top:var(--ds-spacing-6)}.ds-card>:not(.ds-card__media):last-child{padding-bottom:var(--ds-spacing-6)}.ds-card__media:first-child{padding-bottom:var(--ds-spacing-4)}.ds-card__media:last-child{padding-top:var(--ds-spacing-6)}.ds-card--link{--dsc-card-border-color:var(--ds-color-neutral-border-default);text-decoration:none}.ds-card__content,.ds-card__footer{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4);justify-content:flex-start;word-wrap:break-word;color:inherit;font:var(--ds-typography-paragraph-md);font-family:inherit;padding:var(--ds-spacing-2) 0}.ds-card__content,.ds-card__header{flex-direction:column}.ds-card__header{display:flex;flex-wrap:wrap;word-wrap:break-word;font:var(--ds-typography-heading-md);font-family:inherit;padding:var(--ds-spacing-2) 0}.ds-card__header h1,.ds-card__header h2,.ds-card__header h3,.ds-card__header h4,.ds-card__header h5,.ds-card__header h6{color:inherit}.ds-card--link h1,.ds-card--link h2,.ds-card--link h3,.ds-card--link h4,.ds-card--link h5,.ds-card--link h6{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(6px,.25rem,.22em)}.ds-card--neutral{--dsc-card-border-color:var(--ds-color-neutral-border-subtle);--dsc-card-backround:var(--ds-color-neutral-background-default)}.ds-card--neutral.ds-card--link:hover{--dsc-card-border-color:var(--ds-color-neutral-border-subtle);--dsc-card-backround:var(--ds-color-neutral-background-subtle)}.ds-card--neutral.ds-card--link:active{--dsc-card-backround:var(--ds-color-neutral-surface-default)}.ds-card--subtle{--dsc-card-border-color:var(--ds-color-neutral-border-subtle);--dsc-card-backround:var(--ds-color-neutral-background-subtle)}.ds-card--subtle.ds-card--link:hover{--dsc-card-border-color:var(--ds-color-neutral-border-default);--dsc-card-backround:var(--ds-color-neutral-surface-default)}.ds-card--subtle.ds-card--link:active{--dsc-card-backround:var(--ds-color-neutral-surface-hover)}.ds-card--brand1{--dsc-card-border-color:var(--ds-color-brand1-border-subtle);--dsc-card-backround:var(--ds-color-brand1-surface-default);--dsc-card-color:var(--ds-color-brand1-text-default)}.ds-card--brand1.ds-card--link{--dsc-card-border-color:var(--ds-color-brand1-border-default)}.ds-card--brand1.ds-card--link:hover{--dsc-card-backround:var(--ds-color-brand1-surface-hover)}.ds-card--brand1.ds-card--link:active{--dsc-card-backround:var(--ds-color-brand1-surface-active)}.ds-card--brand2{--dsc-card-border-color:var(--ds-color-brand2-border-subtle);--dsc-card-backround:var(--ds-color-brand2-surface-default);--dsc-card-color:var(--ds-color-brand2-text-default)}.ds-card--brand2.ds-card--link{--dsc-card-border-color:var(--ds-color-brand2-border-default)}.ds-card--brand2.ds-card--link:hover{--dsc-card-backround:var(--ds-color-brand2-surface-hover)}.ds-card--brand2.ds-card--link:active{--dsc-card-backround:var(--ds-color-brand2-surface-active)}.ds-card--brand3{--dsc-card-border-color:var(--ds-color-brand3-border-subtle);--dsc-card-backround:var(--ds-color-brand3-surface-default);--dsc-card-color:var(--ds-color-brand3-text-default)}.ds-card--brand3.ds-card--link{--dsc-card-border-color:var(--ds-color-brand3-border-default)}.ds-card--brand3.ds-card--link:hover{--dsc-card-backround:var(--ds-color-brand3-surface-hover)}.ds-card--brand3.ds-card--link:active{--dsc-card-backround:var(--ds-color-brand3-surface-active)}}