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

package/dist/switch.css

@@ -1 +1 @@
-@layer ds.switch{.fds-switch{--dsc-switch--transition:200ms;--dsc-switch-height:1.75rem;--dsc-switch-focus-border-width:3px;--dsc-switch-check_color:transparent;--dsc-switch-thumb-background-color:var(--ds-color-neutral-background-default);position:relative}@media (prefers-reduced-motion){.switch{--dsc-switch--transition:0}}.fds-switch__label{align-items:center;cursor:pointer;display:grid;gap:var(--ds-spacing-1);grid-template-columns:auto 1fr;min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-switch__track{background-color:var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-full);display:inline-block;height:var(--dsc-switch-height);margin:auto;margin-right:var(--ds-spacing-1);overflow:visible;pointer-events:none;position:relative;transition:background-color var(--dsc-switch--transition) ease;width:var(--dsc-switch-width)}.fds-switch__description{color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-spacing-1);padding-left:calc(var(--dsc-switch-width) + var(--ds-spacing-2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-switch__readonly__icon{height:1.2em;width:1.2em}.fds-switch__label--right{grid-auto-flow:dense;grid-template-columns:1fr auto}.fds-switch__label--right .fds-switch__track{margin-right:0;order:1}.fds-switch__label--right+.fds-switch__description{padding-left:0}.fds-switch__input{cursor:pointer;height:2.75rem;margin:0;opacity:0;position:absolute;width:2.75rem;z-index:1}.fds-switch--readonly>.fds-switch__label{grid-template-columns:auto -webkit-min-content 1fr;grid-template-columns:auto min-content 1fr}.fds-switch--readonly>.fds-switch__label:where(.fds-switch__label--right){grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto}.fds-switch--readonly>.fds-switch__input,.fds-switch--readonly>.fds-switch__label{cursor:default}.fds-switch--readonly>.fds-switch__description{margin-left:var(--ds-spacing-1)}.fds-switch--sm,.fds-switch--sm .fds-switch__label{min-height:var(--ds-sizing-6)}.fds-switch--md,.fds-switch--md .fds-switch__label{min-height:var(--ds-sizing-7)}.fds-switch--lg,.fds-switch--lg .fds-switch__label{min-height:var(--ds-sizing-8)}.fds-switch--sm{--dsc-switch-height:var(--ds-sizing-6);--dsc-switch-width:var(--ds-sizing-11)}.fds-switch--sm .fds-switch__input{left:-.25rem;top:-.25rem}.fds-switch--md{--dsc-switch-height:var(--ds-sizing-7);--dsc-switch-width:var(--ds-sizing-13)}.fds-switch--md .fds-switch__input{left:0;top:0}.fds-switch--lg{--dsc-switch-height:var(--ds-sizing-8);--dsc-switch-width:var(--ds-sizing-15)}.fds-switch--lg .fds-switch__input{left:0;top:.25rem}.fds-switch__label:has(.fds-switch__track:only-child){grid-template-columns:auto}.fds-switch__label:has(.fds-switch__track:only-child) .fds-switch__track{margin-right:0}.fds-switch:has(.fds-switch__input:disabled)>.fds-switch__label,.fds-switch__input:disabled{cursor:not-allowed}.fds-switch:has(.fds-switch__input:disabled)>.fds-switch__description,.fds-switch:has(.fds-switch__input:disabled)>.fds-switch__label{opacity:var(--ds-disabled-opacity)}.fds-switch__input:focus-visible+.fds-switch__label .fds-switch__track{box-shadow:0 0 0 var(--dsc-switch-focus-border-width) var(--ds-focus-inner);outline:var(--dsc-switch-focus-border-width) solid var(--ds-focus-outer);outline-offset:var(--dsc-switch-focus-border-width)}.fds-switch__input:not([readonly]):checked+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-default)}.fds-switch__thumb{background-color:var(--dsc-switch-thumb-background-color);border-radius:var(--ds-border-radius-full);height:var(--dsc-switch-height);position:absolute;scale:.8;transition:transform var(--dsc-switch--transition) ease;width:var(--dsc-switch-height)}.fds-switch__input:checked+.fds-switch__label .fds-switch__track .fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-default);--dsc-switch-thumb-background-color:var(--ds-color-accent-contrast-default);transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*1.2))}.fds-switch__thumb:after{background-color:var(--dsc-switch-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--dsc-switch--transition) ease;width:100%}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-neutral-background-subtle);box-shadow:inset 0 0 0 2px var(--ds-color-neutral-border-subtle)}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-neutral-background-subtle);background-color:var(--ds-color-neutral-border-strong)}@media (hover:hover) and (pointer:fine){.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*.2))}.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label{color:var(--ds-color-accent-text-subtle)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-hover);transform:translateX(calc(var(--dsc-switch-width) - var(--dsc-switch-height)))}.fds-switch__input:not(:checked,:disabled,[readonly]):hover+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-neutral-border-strong)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-hover)}}}
+@layer ds.switch{.ds-switch{--dsc-switch--transition:200ms;--dsc-switch-height:1.75rem;--dsc-switch-focus-border-width:3px;--dsc-switch-check_color:transparent;--dsc-switch-thumb-background-color:var(--ds-color-neutral-background-default);position:relative}@media (prefers-reduced-motion){.switch{--dsc-switch--transition:0}}.ds-switch__label{align-items:center;cursor:pointer;display:grid;gap:var(--ds-spacing-1);grid-template-columns:auto 1fr;min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.ds-switch__track{background-color:var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-full);display:inline-block;height:var(--dsc-switch-height);margin:auto;margin-right:var(--ds-spacing-1);overflow:visible;pointer-events:none;position:relative;transition:background-color var(--dsc-switch--transition) ease;width:var(--dsc-switch-width)}.ds-switch__description{color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-spacing-1);padding-left:calc(var(--dsc-switch-width) + var(--ds-spacing-2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ds-switch__readonly__icon{height:1.2em;width:1.2em}.ds-switch__label--right{grid-auto-flow:dense;grid-template-columns:1fr auto}.ds-switch__label--right .ds-switch__track{margin-right:0;order:1}.ds-switch__label--right+.ds-switch__description{padding-left:0}.ds-switch__input{cursor:pointer;height:2.75rem;margin:0;opacity:0;position:absolute;width:2.75rem;z-index:1}.ds-switch--readonly>.ds-switch__label{grid-template-columns:auto -webkit-min-content 1fr;grid-template-columns:auto min-content 1fr}.ds-switch--readonly>.ds-switch__label:where(.ds-switch__label--right){grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto}.ds-switch--readonly>.ds-switch__input,.ds-switch--readonly>.ds-switch__label{cursor:default}.ds-switch--readonly>.ds-switch__description{margin-left:var(--ds-spacing-1)}.ds-switch--sm,.ds-switch--sm .ds-switch__label{min-height:var(--ds-sizing-6)}.ds-switch--md,.ds-switch--md .ds-switch__label{min-height:var(--ds-sizing-7)}.ds-switch--lg,.ds-switch--lg .ds-switch__label{min-height:var(--ds-sizing-8)}.ds-switch--sm{--dsc-switch-height:var(--ds-sizing-6);--dsc-switch-width:var(--ds-sizing-11)}.ds-switch--sm .ds-switch__input{left:-.25rem;top:-.25rem}.ds-switch--md{--dsc-switch-height:var(--ds-sizing-7);--dsc-switch-width:var(--ds-sizing-13)}.ds-switch--md .ds-switch__input{left:0;top:0}.ds-switch--lg{--dsc-switch-height:var(--ds-sizing-8);--dsc-switch-width:var(--ds-sizing-15)}.ds-switch--lg .ds-switch__input{left:0;top:.25rem}.ds-switch__label:has(.ds-switch__track:only-child){grid-template-columns:auto}.ds-switch__label:has(.ds-switch__track:only-child) .ds-switch__track{margin-right:0}.ds-switch:has(.ds-switch__input:disabled)>.ds-switch__label,.ds-switch__input:disabled{cursor:not-allowed}.ds-switch:has(.ds-switch__input:disabled)>.ds-switch__description,.ds-switch:has(.ds-switch__input:disabled)>.ds-switch__label{opacity:var(--ds-disabled-opacity)}.ds-switch:has(.ds-switch__input:focus-visible){--dsc-focus-border-width:3px;border-radius:var(--ds-border-radius-md);box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-focus-inner);outline:var(--dsc-focus-border-width) solid var(--ds-focus-outer);outline-offset:var(--dsc-focus-border-width)}.ds-switch__input:not([readonly]):checked+.ds-switch__label .ds-switch__track{background-color:var(--ds-color-accent-base-default)}.ds-switch__thumb{background-color:var(--dsc-switch-thumb-background-color);border-radius:var(--ds-border-radius-full);height:var(--dsc-switch-height);position:absolute;scale:.8;transition:transform var(--dsc-switch--transition) ease;width:var(--dsc-switch-height)}.ds-switch__input:checked+.ds-switch__label .ds-switch__track .ds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-default);--dsc-switch-thumb-background-color:var(--ds-color-accent-contrast-default);transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*1.2))}.ds-switch__thumb:after{background-color:var(--dsc-switch-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--dsc-switch--transition) ease;width:100%}.ds-switch--readonly .ds-switch__input[readonly]+.ds-switch__label .ds-switch__track{background-color:var(--ds-color-neutral-background-subtle);box-shadow:inset 0 0 0 2px var(--ds-color-neutral-border-subtle)}.ds-switch--readonly .ds-switch__input[readonly]+.ds-switch__label .ds-switch__track>.ds-switch__thumb{--dsc-switch-check_color:var(--ds-color-neutral-background-subtle);background-color:var(--ds-color-neutral-border-strong)}@media (hover:hover) and (pointer:fine){.ds-switch__input:not([readonly],:disabled):hover+.ds-switch__label .ds-switch__track>.ds-switch__thumb{transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*.2))}.ds-switch__input:not([readonly],:disabled):hover+.ds-switch__label{color:var(--ds-color-accent-text-subtle)}.ds-switch__input:not(:disabled,[readonly]):checked:hover+.ds-switch__label .ds-switch__track>.ds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-hover);transform:translateX(calc(var(--dsc-switch-width) - var(--dsc-switch-height)))}.ds-switch__input:not(:checked,:disabled,[readonly]):hover+.ds-switch__label .ds-switch__track{background-color:var(--ds-color-neutral-border-strong)}.ds-switch__input:not(:disabled,[readonly]):checked:hover+.ds-switch__label .ds-switch__track{background-color:var(--ds-color-accent-base-hover)}}}

package/dist/table.css

@@ -1 +1 @@
-@layer ds.table{.fds-table{--dsc-table-padding:0;--dsc-table-border-radius:var(--ds-border-radius-md);border-collapse:initial;border-spacing:0;color:var(--ds-color-neutral-text-default);position:relative;text-align:left}.fds-table--sticky-header{overflow:auto}.fds-table--border .fds-table__row:last-of-type td{border-bottom:0}.fds-table--sm{--dsc-table-padding:var(--ds-spacing-1) var(--ds-spacing-3)}.fds-table--md{--dsc-table-padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-table--lg{--dsc-table-padding:var(--ds-spacing-3) var(--ds-spacing-3)}.fds-table__head{box-sizing:border-box;font:inherit;font-family:inherit;font-weight:500;z-index:0}.fds-table__head,.fds-table__header__cell{border-bottom:2px solid var(--ds-color-neutral-border-subtle);border-spacing:0}.fds-table__header__cell{background-color:var(--ds-color-neutral-background-default);font:inherit;font-family:inherit;padding:var(--dsc-table-padding)}.fds-table--sticky-header .fds-table__head .fds-table__header__cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.fds-table__header__cell--sortable{padding:0}.fds-table__header__cell--sortable button{align-items:center;background-color:initial;border:none;color:var(--ds-color-neutral-text-default);cursor:pointer;display:flex;font:inherit;font-family:inherit;gap:var(--ds-spacing-1);padding:var(--dsc-table-padding);position:relative;width:100%;z-index:2}.fds-table__header__cell--sorted button{background-color:var(--ds-color-neutral-background-subtle)}.fds-table__header__cell--sortable button:focus-visible{box-shadow:unset;outline-offset:-3px;z-index:3}.fds-table__header__cell--sortable button svg{font-size:1.2em}.fds-table__cell{background-color:var(--ds-color-neutral-background-default);border-bottom:1px solid var(--ds-color-neutral-border-subtle);padding:var(--dsc-table-padding)}.fds-table--zebra .fds-table__row{border-bottom:0}.fds-table--zebra tr:nth-child(2n):not(:hover) .fds-table__cell{background-color:var(--ds-color-neutral-background-subtle)}.fds-table--border{border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--dsc-table-border-radius)}.fds-table--border .fds-table__head .fds-table__header__cell:first-of-type{border-top-left-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__head .fds-table__header__cell:last-of-type{border-top-right-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:first-of-type{border-bottom-left-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:last-of-type{border-bottom-right-radius:var(--dsc-table-border-radius);overflow:hidden}@media (hover:hover) and (pointer:fine){.fds-table__header__cell--sortable button:hover,.fds-table__row:hover .fds-table__cell{background-color:var(--ds-color-neutral-surface-default)}}}
+@layer ds.table{.ds-table{--dsc-table-padding:0;--dsc-table-border-radius:var(--ds-border-radius-md);border-collapse:initial;border-spacing:0;color:var(--ds-color-neutral-text-default);position:relative;text-align:left}.ds-table--sticky-header{overflow:auto}.ds-table--border .ds-table__row:last-of-type td{border-bottom:0}.ds-table--sm{--dsc-table-padding:var(--ds-spacing-1) var(--ds-spacing-3)}.ds-table--md{--dsc-table-padding:var(--ds-spacing-2) var(--ds-spacing-3)}.ds-table--lg{--dsc-table-padding:var(--ds-spacing-3) var(--ds-spacing-3)}.ds-table__head{box-sizing:border-box;font:inherit;font-family:inherit;font-weight:500;z-index:0}.ds-table__head,.ds-table__header__cell{border-bottom:2px solid var(--ds-color-neutral-border-subtle);border-spacing:0}.ds-table__header__cell{background-color:var(--ds-color-neutral-background-default);font:inherit;font-family:inherit;padding:var(--dsc-table-padding)}.ds-table--sticky-header .ds-table__head .ds-table__header__cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.ds-table__header__cell--sortable{padding:0}.ds-table__header__cell--sortable button{align-items:center;background-color:initial;border:none;color:var(--ds-color-neutral-text-default);cursor:pointer;display:flex;font:inherit;font-family:inherit;gap:var(--ds-spacing-1);padding:var(--dsc-table-padding);position:relative;width:100%;z-index:2}.ds-table__header__cell--sorted button{background-color:var(--ds-color-neutral-background-subtle)}.ds-table__header__cell--sortable button:focus-visible{box-shadow:unset;outline-offset:-3px;z-index:3}.ds-table__header__cell--sortable button svg{font-size:1.2em}.ds-table__cell{background-color:var(--ds-color-neutral-background-default);border-bottom:1px solid var(--ds-color-neutral-border-subtle);padding:var(--dsc-table-padding)}.ds-table--zebra .ds-table__row{border-bottom:0}.ds-table--zebra tr:nth-child(2n):not(:hover) .ds-table__cell{background-color:var(--ds-color-neutral-background-subtle)}.ds-table--border{border:1px solid var(--ds-color-neutral-border-subtle);border-radius:var(--dsc-table-border-radius)}.ds-table--border .ds-table__head .ds-table__header__cell:first-of-type{border-top-left-radius:var(--dsc-table-border-radius);overflow:hidden}.ds-table--border .ds-table__head .ds-table__header__cell:last-of-type{border-top-right-radius:var(--dsc-table-border-radius);overflow:hidden}.ds-table--border .ds-table__row:last-of-type .ds-table__cell:first-of-type{border-bottom-left-radius:var(--dsc-table-border-radius);overflow:hidden}.ds-table--border .ds-table__row:last-of-type .ds-table__cell:last-of-type{border-bottom-right-radius:var(--dsc-table-border-radius);overflow:hidden}@media (hover:hover) and (pointer:fine){.ds-table__header__cell--sortable button:hover,.ds-table__row:hover .ds-table__cell{background-color:var(--ds-color-neutral-surface-default)}}}

package/dist/tabs.css

@@ -1 +1 @@
-@layer ds.tabs{.fds-tabs__tab{--dsc-tabs__tab-bottom-border-color:transparent;align-items:center;background-color:initial;border:none;border-radius:0;box-sizing:border-box;color:var(--ds-color-neutral-text-subtle);cursor:pointer;display:flex;flex-direction:row;gap:var(--ds-spacing-1);justify-content:center;padding:var(--ds-spacing-2) var(--ds-spacing-3);position:relative;text-align:center}.fds-tabs__content{padding:var(--ds-spacing-5)}.fds-tabs--sm .fds-tabs__content,.fds-tabs--sm .fds-tabs__tab{font:var(--ds-typography-paragraph-short-sm)}.fds-tabs--md .fds-tabs__content,.fds-tabs--md .fds-tabs__tab{font:var(--ds-typography-paragraph-short-md)}.fds-tabs--lg .fds-tabs__content,.fds-tabs--lg .fds-tabs__tab{font:var(--ds-typography-paragraph-short-lg)}.fds-tabs--sm .fds-tabs__tab{padding:var(--ds-spacing-2) var(--ds-spacing-4)}.fds-tabs--md .fds-tabs__tab{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.fds-tabs--lg .fds-tabs__tab{padding:var(--ds-spacing-4) var(--ds-spacing-6)}.fds-tabs--sm .fds-tabs__content{padding:var(--ds-spacing-4)}.fds-tabs--md .fds-tabs__content{padding:var(--ds-spacing-5)}.fds-tabs--lg .fds-tabs__content{padding:var(--ds-spacing-6)}@media (hover:hover) and (pointer:fine){.fds-tabs__tab:hover:not([aria-selected=true]){--dsc-tabs__tab-bottom-border-color:var(--ds-color-neutral-border-subtle);color:var(--ds-color-neutral-text-default)}}.fds-tabs__tab[aria-selected=true]{--dsc-tabs__tab-bottom-border-color:var(--ds-color-accent-base-default);color:var(--ds-color-accent-text-subtle)}.fds-tabs__tab:focus{z-index:2}.fds-tabs__tab:after{background-color:var(--dsc-tabs__tab-bottom-border-color);border-radius:var(--ds-border-radius-full);bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.fds-tabs__tablist{border-bottom:var(--ds-border-width-default) solid var(--ds-color-neutral-border-subtle);display:flex;flex-direction:row;position:relative}}
+@layer ds.tabs{.ds-tabs__tab{--dsc-tabs__tab-bottom-border-color:transparent;align-items:center;background-color:initial;border:none;border-radius:0;box-sizing:border-box;color:var(--ds-color-neutral-text-subtle);cursor:pointer;display:flex;flex-direction:row;gap:var(--ds-spacing-1);justify-content:center;padding:var(--ds-spacing-2) var(--ds-spacing-3);position:relative;text-align:center}.ds-tabs__content{color:var(--ds-color-neutral-text-default);padding:var(--ds-spacing-5)}.ds-tabs--sm .ds-tabs__content,.ds-tabs--sm .ds-tabs__tab{font:var(--ds-typography-paragraph-short-sm)}.ds-tabs--md .ds-tabs__content,.ds-tabs--md .ds-tabs__tab{font:var(--ds-typography-paragraph-short-md)}.ds-tabs--lg .ds-tabs__content,.ds-tabs--lg .ds-tabs__tab{font:var(--ds-typography-paragraph-short-lg)}.ds-tabs--sm .ds-tabs__tab{padding:var(--ds-spacing-2) var(--ds-spacing-4)}.ds-tabs--md .ds-tabs__tab{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.ds-tabs--lg .ds-tabs__tab{padding:var(--ds-spacing-4) var(--ds-spacing-6)}.ds-tabs--sm .ds-tabs__content{padding:var(--ds-spacing-4)}.ds-tabs--md .ds-tabs__content{padding:var(--ds-spacing-5)}.ds-tabs--lg .ds-tabs__content{padding:var(--ds-spacing-6)}@media (hover:hover) and (pointer:fine){.ds-tabs__tab:hover:not([aria-selected=true]){--dsc-tabs__tab-bottom-border-color:var(--ds-color-neutral-border-subtle);color:var(--ds-color-neutral-text-default)}}.ds-tabs__tab[aria-selected=true]{--dsc-tabs__tab-bottom-border-color:var(--ds-color-accent-base-default);color:var(--ds-color-accent-text-subtle)}.ds-tabs__tab:focus{z-index:2}.ds-tabs__tab:after{background-color:var(--dsc-tabs__tab-bottom-border-color);border-radius:var(--ds-border-radius-full);bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.ds-tabs__tablist{border-bottom:var(--ds-border-width-default) solid var(--ds-color-neutral-border-subtle);display:flex;flex-direction:row;position:relative}}

package/dist/tag.css

@@ -1 +1 @@
-@layer ds.tag{.fds-tag{--dsc-tag-background:var(--ds-color-neutral-background-subtle);--dsc-tag-color:var(--ds-color-neutral-text-default);align-items:center;background-color:var(--dsc-tag-background);border-radius:var(--ds-border-radius-sm);box-sizing:border-box;color:var(--dsc-tag-color);display:flex;min-height:var(--ds-sizing-8);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.fds-tag,.fds-tag--sm{padding:0 var(--ds-spacing-2)}.fds-tag--sm{min-height:var(--ds-sizing-7)}.fds-tag--md{min-height:var(--ds-sizing-8);padding:0 var(--ds-spacing-2)}.fds-tag--lg{min-height:var(--ds-sizing-9);padding:0 var(--ds-spacing-3)}.fds-tag--neutral{--dsc-tag-background:var(--ds-color-neutral-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--info{--dsc-tag-background:var(--ds-color-info-surface-default);--dsc-tag-color:var(--ds-color-info-text-default)}.fds-tag--success{--dsc-tag-background:var(--ds-color-success-surface-default);--dsc-tag-color:var(--ds-color-success-text-default)}.fds-tag--warning{--dsc-tag-background:var(--ds-color-warning-surface-default);--dsc-tag-color:var(--ds-color-warning-text-default)}.fds-tag--danger{--dsc-tag-background:var(--ds-color-danger-surface-default);--dsc-tag-color:var(--ds-color-danger-text-default)}.fds-tag--brand1{--dsc-tag-background:var(--ds-color-brand1-surface-default);--dsc-tag-color:var(--ds-color-brand1-text-default)}.fds-tag--brand2{--dsc-tag-background:var(--ds-color-brand2-surface-default);--dsc-tag-color:var(--ds-color-brand2-text-default)}.fds-tag--brand3{--dsc-tag-background:var(--ds-color-brand3-surface-default);--dsc-tag-color:var(--ds-color-brand3-text-default)}}
+@layer ds.tag{.ds-tag{--dsc-tag-background:var(--ds-color-neutral-background-subtle);--dsc-tag-color:var(--ds-color-neutral-text-default);align-items:center;background-color:var(--dsc-tag-background);border-radius:var(--ds-border-radius-sm);box-sizing:border-box;color:var(--dsc-tag-color);display:flex;min-height:var(--ds-sizing-8);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.ds-tag,.ds-tag--sm{padding:0 var(--ds-spacing-2)}.ds-tag--sm{min-height:var(--ds-sizing-7)}.ds-tag--md{min-height:var(--ds-sizing-8);padding:0 var(--ds-spacing-2)}.ds-tag--lg{min-height:var(--ds-sizing-9);padding:0 var(--ds-spacing-3)}.ds-tag--neutral{--dsc-tag-background:var(--ds-color-neutral-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.ds-tag--info{--dsc-tag-background:var(--ds-color-info-surface-default);--dsc-tag-color:var(--ds-color-info-text-default)}.ds-tag--success{--dsc-tag-background:var(--ds-color-success-surface-default);--dsc-tag-color:var(--ds-color-success-text-default)}.ds-tag--warning{--dsc-tag-background:var(--ds-color-warning-surface-default);--dsc-tag-color:var(--ds-color-warning-text-default)}.ds-tag--danger{--dsc-tag-background:var(--ds-color-danger-surface-default);--dsc-tag-color:var(--ds-color-danger-text-default)}.ds-tag--brand1{--dsc-tag-background:var(--ds-color-brand1-surface-default);--dsc-tag-color:var(--ds-color-brand1-text-default)}.ds-tag--brand2{--dsc-tag-background:var(--ds-color-brand2-surface-default);--dsc-tag-color:var(--ds-color-brand2-text-default)}.ds-tag--brand3{--dsc-tag-background:var(--ds-color-brand3-surface-default);--dsc-tag-color:var(--ds-color-brand3-text-default)}}

package/dist/textarea.css

@@ -1 +1 @@
-@layer ds.textarea{.fds-textarea{display:grid;gap:var(--ds-spacing-2)}.fds-textarea__readonly-icon{height:1.2em;width:1.2em}.fds-textarea__error-message:empty{display:none}.fds-textarea__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textarea__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textarea__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;min-height:2.5em;padding:var(--ds-spacing-3);position:relative;resize:vertical;width:100%}.fds-textarea--sm .fds-textarea__input{padding:var(--ds-spacing-2)}.fds-textarea--md .fds-textarea__input{padding:var(--ds-spacing-3)}.fds-textarea--lg .fds-textarea__input{padding:var(--ds-spacing-4)}.fds-textarea:has(.fds-textarea__input:disabled){opacity:var(--ds-disabled-opacity)}.fds-textarea__input:disabled{cursor:not-allowed}.fds-textarea__input:-moz-read-only{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textarea__input:read-only{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textarea--error>.fds-textarea__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textarea__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}}
+@layer ds.textarea{.ds-textarea{display:grid;gap:var(--ds-spacing-2)}.ds-textarea__readonly-icon{height:1.2em;width:1.2em}.ds-textarea__error-message:empty{display:none}.ds-textarea__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.ds-textarea__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.ds-textarea__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex:0 1 auto;font:inherit;font-family:inherit;min-height:2.5em;padding:var(--ds-spacing-3);position:relative;resize:vertical;width:100%}.ds-textarea--sm .ds-textarea__input{padding:var(--ds-spacing-2)}.ds-textarea--md .ds-textarea__input{padding:var(--ds-spacing-3)}.ds-textarea--lg .ds-textarea__input{padding:var(--ds-spacing-4)}.ds-textarea:has(.ds-textarea__input:disabled){opacity:var(--ds-disabled-opacity)}.ds-textarea__input:disabled{cursor:not-allowed}.ds-textarea__input:-moz-read-only{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.ds-textarea__input:read-only{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.ds-textarea--error>.ds-textarea__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.ds-textarea__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}}

package/dist/textfield.css

@@ -1 +1 @@
-@layer ds.textfield{.fds-textfield{display:grid;gap:var(--ds-spacing-2)}.fds-textfield__adornment{background:var(--ds-color-neutral-background-subtle);border:1px solid var(--ds-color-neutral-border-strong);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-border-strong);display:inline-block;padding:9px var(--ds-spacing-4)}.fds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-textfield__input:disabled{cursor:not-allowed}.fds-textfield--readonly .fds-textfield__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textfield__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex}.fds-textfield__field>:first-child{border-bottom-left-radius:var(--ds-border-radius-md);border-top-left-radius:var(--ds-border-radius-md)}.fds-textfield__field>:last-child{border-bottom-right-radius:var(--ds-border-radius-md);border-top-right-radius:var(--ds-border-radius-md)}.fds-textfield--sm .fds-textfield__adornment{padding:var(--ds-sizing-2) var(--ds-spacing-3)}.fds-textfield--md .fds-textfield__adornment{padding:.65rem var(--ds-spacing-4)}.fds-textfield--lg .fds-textfield__adornment{padding:.85rem var(--ds-spacing-5)}.fds-textfield--sm .fds-textfield__field{height:var(--ds-sizing-10)}.fds-textfield--md .fds-textfield__field{height:var(--ds-sizing-12)}.fds-textfield--lg .fds-textfield__field{height:var(--ds-sizing-14)}.fds-textfield--sm .fds-textfield__input{padding:0 var(--ds-spacing-2)}.fds-textfield--md .fds-textfield__input{padding:0 var(--ds-spacing-3)}.fds-textfield--lg .fds-textfield__input{padding:0 var(--ds-spacing-4)}.fds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textfield:has(.fds-textfield__input:disabled){opacity:var(--ds-disabled-opacity)}.fds-textfield--error .fds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.fds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.fds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.fds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.fds-textfield__readonly__icon{height:1.2em;width:1.2em}.fds-textfield__error-message:empty{display:none}}
+@layer ds.textfield{.ds-textfield{display:grid;gap:var(--ds-spacing-2)}.ds-textfield__adornment{background:var(--ds-color-neutral-background-subtle);border:1px solid var(--ds-color-neutral-border-strong);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-border-strong);display:inline-block;padding:9px var(--ds-spacing-4)}.ds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-3);position:relative;width:100%}.ds-textfield__input:disabled{cursor:not-allowed}.ds-textfield--readonly .ds-textfield__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.ds-textfield__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex}.ds-textfield__field>:first-child{border-bottom-left-radius:var(--ds-border-radius-md);border-top-left-radius:var(--ds-border-radius-md)}.ds-textfield__field>:last-child{border-bottom-right-radius:var(--ds-border-radius-md);border-top-right-radius:var(--ds-border-radius-md)}.ds-textfield--sm .ds-textfield__adornment{padding:var(--ds-sizing-2) var(--ds-spacing-3)}.ds-textfield--md .ds-textfield__adornment{padding:.65rem var(--ds-spacing-4)}.ds-textfield--lg .ds-textfield__adornment{padding:.85rem var(--ds-spacing-5)}.ds-textfield--sm .ds-textfield__field{height:var(--ds-sizing-10)}.ds-textfield--md .ds-textfield__field{height:var(--ds-sizing-12)}.ds-textfield--lg .ds-textfield__field{height:var(--ds-sizing-14)}.ds-textfield--sm .ds-textfield__input{padding:0 var(--ds-spacing-2)}.ds-textfield--md .ds-textfield__input{padding:0 var(--ds-spacing-3)}.ds-textfield--lg .ds-textfield__input{padding:0 var(--ds-spacing-4)}.ds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.ds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.ds-textfield:has(.ds-textfield__input:disabled){opacity:var(--ds-disabled-opacity)}.ds-textfield--error .ds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.ds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.ds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.ds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.ds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.ds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.ds-textfield__readonly__icon{height:1.2em;width:1.2em}.ds-textfield__error-message:empty{display:none}}

package/dist/togglegroup.css

@@ -1 +1 @@
-@layer ds.togglegroup{.fds-togglegroup{background-color:var(--ds-color-neutral-background-default);border:var(--ds-color-neutral-border-default) solid var(--ds-border-width-default);border-radius:var(--ds-border-radius-lg);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-togglegroup__content{display:inline-grid;gap:var(--ds-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--ds-spacing-1)}.fds-togglegroup__input{display:none}.fds-togglegroup__item:focus-visible{z-index:1}}
+@layer ds.togglegroup{.ds-togglegroup{background-color:var(--ds-color-neutral-background-default);border:var(--ds-color-neutral-border-default) solid var(--ds-border-width-default);border-radius:var(--ds-border-radius-lg);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ds-togglegroup__content{display:inline-grid;gap:var(--ds-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--ds-spacing-1)}.ds-togglegroup__input{display:none}.ds-togglegroup__item:focus-visible{z-index:1}}

package/dist/tooltip.css

@@ -1 +1 @@
-@layer ds.tooltip{.fds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-text-default);background:var(--dsc-tooltip-background);border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-background-default);font:var(--ds-typography-paragraph-xs);font-family:inherit;padding:var(--ds-spacing-1) var(--ds-spacing-2)}.fds-tooltip__arrow{fill:var(--dsc-tooltip-background)}}
+@layer ds.tooltip{.ds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-text-default);background:var(--dsc-tooltip-background);border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-background-default);font:var(--ds-typography-paragraph-xs);font-family:inherit;padding:var(--ds-spacing-1) var(--ds-spacing-2)}.ds-tooltip__arrow{fill:var(--dsc-tooltip-background)}}

package/dist/utils.css

@@ -1 +1 @@
-@layer ds.utils{.fds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fds-focus:focus-visible{--dsc-focus-border-width:3px;box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-focus-inner);outline:var(--dsc-focus-border-width) solid var(--ds-focus-outer);outline-offset:var(--dsc-focus-border-width)}@layer animate-height{.fds-animate-height--closed,.fds-animate-height--openingOrClosing{overflow:hidden}.fds-animate-height--open .fds-animate-height__content{height:auto}.fds-animate-height--closed .fds-animate-height__content{display:none;height:0}}}
+@layer ds.utils{.ds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ds-focus:focus-visible{--dsc-focus-border-width:3px;box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-focus-inner);outline:var(--dsc-focus-border-width) solid var(--ds-focus-outer);outline-offset:var(--dsc-focus-border-width)}@layer animate-height{.ds-animate-height--closed,.ds-animate-height--openingOrClosing{overflow:hidden}.ds-animate-height--open .ds-animate-height__content{height:auto}.ds-animate-height--closed .ds-animate-height__content{display:none;height:0}}}

package/divider.css

@@ -1,18 +1,18 @@
 @layer ds.divider {
-  .fds-divider {
+  .ds-divider {
     border: none;
     border-top: 1px solid;
   }
 
-  .fds-divider--default {
+  .ds-divider--default {
     border-color: var(--ds-color-neutral-border-subtle);
   }
 
-  .fds-divider--strong {
+  .ds-divider--strong {
     border-color: var(--ds-color-neutral-border-default);
   }
 
-  .fds-divider--subtle {
+  .ds-divider--subtle {
     border-color: var(--ds-color-neutral-border-subtle);
   }
 }

package/dropdownmenu.css

@@ -1,5 +1,5 @@
 @layer ds.dropdownmenu {
-  .fds-dropdownmenu {
+  .ds-dropdownmenu {
     position: relative;
     padding: var(--ds-spacing-2);
     z-index: 1500;
@@ -8,39 +8,40 @@
     border-radius: var(--ds-border-radius-md);
     box-shadow: var(--ds-shadow-md);
     background-color: var(--ds-color-neutral-background-default);
+    border: 1px solid var(--ds-color-neutral-border-subtle);
   }
 
-  .fds-dropdownmenu--sm {
+  .ds-dropdownmenu--sm {
     min-width: 240px;
     padding: var(--ds-spacing-2);
   }
 
-  .fds-dropdownmenu--md {
+  .ds-dropdownmenu--md {
     min-width: 260px;
     padding: var(--ds-spacing-3) var(--ds-spacing-2);
   }
 
-  .fds-dropdownmenu--lg {
+  .ds-dropdownmenu--lg {
     min-width: 280px;
     padding: var(--ds-spacing-4) var(--ds-spacing-2);
   }
 
-  .fds-dropdownmenu > hr {
+  .ds-dropdownmenu > hr {
     border-color: var(--ds-color-neutral-border-subtle) !important;
   }
 
-  .fds-dropdownmenu__item {
+  .ds-dropdownmenu__item {
     justify-content: start;
     padding: 0 var(--ds-spacing-4);
   }
 
-  .fds-dropdownmenu__section {
+  .ds-dropdownmenu__section {
     margin: 0;
     padding: 0;
     list-style: none;
   }
 
-  .fds-dropdownmenu__heading {
+  .ds-dropdownmenu__heading {
     padding: var(--ds-spacing-2) var(--ds-spacing-4);
   }
 }

package/error-message.css

@@ -1,40 +1,40 @@
 @layer ds.typography.error-message {
-  .fds-error-message {
+  .ds-error-message {
     --dsc-bottom-spacing: var(--ds-spacing-5);
 
     margin: 0;
   }
 
-  .fds-error-message--error {
-    color: var(--ds-color-danger-text-default);
+  .ds-error-message--error {
+    color: var(--ds-color-danger-text-subtle);
   }
 
-  .fds-error-message--spacing {
+  .ds-error-message--spacing {
     margin-bottom: var(--dsc-bottom-spacing);
   }
 
-  .fds-error-message--lg {
+  .ds-error-message--lg {
     --dsc-bottom-spacing: var(--ds-spacing-5);
 
     font: var(--ds-typography-error_message-lg);
     font-family: inherit;
   }
 
-  .fds-error-message--md {
+  .ds-error-message--md {
     --dsc-bottom-spacing: var(--ds-spacing-5);
 
     font: var(--ds-typography-error_message-md);
     font-family: inherit;
   }
 
-  .fds-error-message--sm {
+  .ds-error-message--sm {
     --dsc-bottom-spacing: var(--ds-spacing-4);
 
     font: var(--ds-typography-error_message-sm);
     font-family: inherit;
   }
 
-  .fds-error-message--xs {
+  .ds-error-message--xs {
     --dsc-bottom-spacing: var(--ds-spacing-3);
 
     font: var(--ds-typography-error_message-xs);

package/error-summary.css

@@ -1,19 +1,19 @@
 @layer ds.errorsummary {
-  .fds-error-summary {
+  .ds-error-summary {
     padding: var(--ds-spacing-6) var(--ds-spacing-8);
     border-radius: var(--ds-border-radius-lg);
     background-color: var(--ds-color-danger-surface-default);
   }
 
-  .fds-error-summary a {
+  .ds-error-summary a {
     color: var(--ds-color-neutral-text-default);
   }
 
-  .fds-error-summary li:last-of-type {
+  .ds-error-summary li:last-of-type {
     margin-bottom: 0;
   }
 
-  .fds-error-summary__heading {
+  .ds-error-summary__heading {
     color: var(--ds-color-danger-text-default);
   }
 }

package/fieldset.css

@@ -1,41 +1,41 @@
 @layer ds.fieldset {
-  .fds-fieldset {
+  .ds-fieldset {
     margin: 0;
     padding: 0;
     border: 0;
     min-width: 0;
   }
 
-  .fds-fieldset--spacing {
+  .ds-fieldset--spacing {
     display: flex;
     flex-direction: column;
     gap: var(--ds-spacing-2);
   }
 
-  .fds-fieldset__description {
+  .ds-fieldset__description {
     color: var(--ds-color-neutral-text-subtle);
     font-weight: 400;
   }
 
-  .fds-fieldset__legend {
+  .ds-fieldset__legend {
     display: contents;
   }
 
-  .fds-fieldset--readonly .fds-fieldset__legend__content {
+  .ds-fieldset--readonly .ds-fieldset__legend__content {
     display: inline-flex;
   }
 
-  .fds-fieldset--readonly .fds-fieldset__readonly__icon {
+  .ds-fieldset--readonly .ds-fieldset__readonly__icon {
     height: 1.2em;
     width: 1.2em;
   }
 
-  .fds-fieldset:disabled .fds-fieldset__legend,
-  .fds-fieldset:disabled .fds-fieldset__description {
+  .ds-fieldset:disabled .ds-fieldset__legend,
+  .ds-fieldset:disabled .ds-fieldset__description {
     color: var(--ds-color-neutral-border-subtle);
   }
 
-  .fds-fieldset__error-message {
+  .ds-fieldset__error-message {
     display: contents;
   }
 }

package/heading.css

@@ -1,58 +1,58 @@
 @layer ds.typography.heading {
-  .fds-heading {
+  .ds-heading {
     --dsc-bottom-spacing: var(--ds-spacing-6);
 
     margin: 0;
     color: var(--ds-color-neutral-text-default);
   }
 
-  .fds-heading--spacing {
+  .ds-heading--spacing {
     margin-bottom: var(--dsc-bottom-spacing);
   }
 
-  .fds-heading--2xl {
+  .ds-heading--2xl {
     --dsc-bottom-spacing: var(--ds-spacing-7);
 
     font: var(--ds-typography-heading-2xl);
     font-family: inherit;
   }
 
-  .fds-heading--xl {
+  .ds-heading--xl {
     --dsc-bottom-spacing: var(--ds-spacing-6);
 
     font: var(--ds-typography-heading-xl);
     font-family: inherit;
   }
 
-  .fds-heading--lg {
+  .ds-heading--lg {
     --dsc-bottom-spacing: var(--ds-spacing-5);
 
     font: var(--ds-typography-heading-lg);
     font-family: inherit;
   }
 
-  .fds-heading--md {
+  .ds-heading--md {
     --dsc-bottom-spacing: var(--ds-spacing-4);
 
     font: var(--ds-typography-heading-md);
     font-family: inherit;
   }
 
-  .fds-heading--sm {
+  .ds-heading--sm {
     --dsc-bottom-spacing: var(--ds-spacing-3);
 
     font: var(--ds-typography-heading-sm);
     font-family: inherit;
   }
 
-  .fds-heading--xs {
+  .ds-heading--xs {
     --dsc-bottom-spacing: var(--ds-spacing-2);
 
     font: var(--ds-typography-heading-xs);
     font-family: inherit;
   }
 
-  .fds-heading--2xs {
+  .ds-heading--2xs {
     --dsc-bottom-spacing: var(--ds-spacing-1);
 
     font: var(--ds-typography-heading-2xs);

package/helptext.css

@@ -1,5 +1,5 @@
 @layer ds.helptext {
-  .fds-helptext__button {
+  .ds-helptext__button {
     background-color: transparent;
     border-radius: 50px;
     padding: 0 !important;
@@ -11,30 +11,30 @@
   }
 
   @media print {
-    .fds-helptext__button {
+    .ds-helptext__button {
       display: none;
     }
   }
 
-  .fds-helptext__icon--filled {
+  .ds-helptext__icon--filled {
     display: none;
   }
 
-  .fds-helptext__icon {
+  .ds-helptext__icon {
     color: var(--ds-color-accent-base-default);
     width: var(--ds-sizing-7);
     height: var(--ds-sizing-7);
   }
 
-  .fds-helptext__button:where(:hover, :focus, [data-state^='open']) > .fds-helptext__icon {
+  .ds-helptext__button:where(:hover, :focus, [data-state^='open']) > .ds-helptext__icon {
     display: none;
   }
 
-  .fds-helptext__button:where(:hover, :focus, [data-state^='open']) > .fds-helptext__icon--filled {
+  .ds-helptext__button:where(:hover, :focus, [data-state^='open']) > .ds-helptext__icon--filled {
     display: inline-block;
   }
 
-  .fds-helptext__content {
+  .ds-helptext__content {
     font: var(--ds-typography-paragraph-md);
     color: var(--ds-color-neutral-text-default);
     font-family: inherit;
@@ -42,17 +42,17 @@
     max-width: 700px;
   }
 
-  .fds-helptext--sm .fds-helptext__icon {
+  .ds-helptext--sm .ds-helptext__icon {
     width: var(--ds-sizing-6);
     height: var(--ds-sizing-6);
   }
 
-  .fds-helptext--md .fds-helptext__icon {
+  .ds-helptext--md .ds-helptext__icon {
     width: var(--ds-sizing-7);
     height: var(--ds-sizing-7);
   }
 
-  .fds-helptext--lg .fds-helptext__icon {
+  .ds-helptext--lg .ds-helptext__icon {
     width: var(--ds-sizing-8);
     height: var(--ds-sizing-8);
   }

package/ingress.css

@@ -1,37 +1,37 @@
 @layer ds.typography.ingress {
-  .fds-ingress {
+  .ds-ingress {
     --dsc-bottom-spacing: var(--ds-spacing-5);
 
     margin: 0;
     color: var(--ds-color-neutral-text-default);
   }
 
-  .fds-ingress--spacing {
+  .ds-ingress--spacing {
     margin-bottom: var(--dsc-bottom-spacing);
   }
 
-  .fds-ingress--md {
+  .ds-ingress--md {
     --dsc-bottom-spacing: var(--ds-spacing-5);
 
     font: var(--ds-typography-ingress-md);
     font-family: inherit;
   }
 
-  .fds-ingress--lg {
+  .ds-ingress--lg {
     --dsc-bottom-spacing: var(--ds-spacing-6);
 
     font: var(--ds-typography-ingress-lg);
     font-family: inherit;
   }
 
-  .fds-ingress--sm {
+  .ds-ingress--sm {
     --dsc-bottom-spacing: var(--ds-spacing-7);
 
     font: var(--ds-typography-ingress-sm);
     font-family: inherit;
   }
 
-  .fds-ingress--xs {
+  .ds-ingress--xs {
     --dsc-bottom-spacing: var(--ds-spacing-8);
 
     font: var(--ds-typography-ingress-xs);

package/label.css

@@ -1,5 +1,5 @@
 @layer ds.typography.label {
-  .fds-label {
+  .ds-label {
     --dsc-bottom-spacing: var(--ds-spacing-1);
 
     display: inline-block;
@@ -8,39 +8,39 @@
     color: var(--ds-color-neutral-text-default);
   }
 
-  .fds-label--spacing {
+  .ds-label--spacing {
     margin-bottom: var(--dsc-bottom-spacing);
   }
 
-  .fds-label--lg {
+  .ds-label--lg {
     font: var(--ds-typography-label-lg);
     font-family: inherit;
   }
 
-  .fds-label--md {
+  .ds-label--md {
     font: var(--ds-typography-label-md);
     font-family: inherit;
   }
 
-  .fds-label--sm {
+  .ds-label--sm {
     font: var(--ds-typography-label-sm);
     font-family: inherit;
   }
 
-  .fds-label--xs {
+  .ds-label--xs {
     font: var(--ds-typography-label-xs);
     font-family: inherit;
   }
 
-  .fds-label--regular-weight {
+  .ds-label--regular-weight {
     font-weight: 400;
   }
 
-  .fds-label--medium-weight {
+  .ds-label--medium-weight {
     font-weight: 500;
   }
 
-  .fds-label--semibold-weight {
+  .ds-label--semibold-weight {
     font-weight: 600;
   }
 }

package/link.css

@@ -1,7 +1,15 @@
 @layer ds.link {
-  .fds-link {
+  .ds-link {
+    --dsc-link-color: var(--ds-color-accent-text-subtle);
+    --dsc-link-color-hover: var(--ds-color-accent-text-default);
+    --dsc-link-color-active: var(--ds-color-accent-text-default);
+    --dsc-link-color-active-background: var(--ds-color-accent-surface-default);
+    --dsc-link-color-visited: var(--ds-global-purple-12);
+    --dsc-link-color-focus: var(--ds-color-accent-text-default);
+    --dsc-link-color-focus-background: var(--ds-color-neutral-surface-default);
+
     position: relative;
-    color: var(--ds-color-accent-text-subtle);
+    color: var(--dsc-link-color);
     cursor: pointer;
     text-decoration: underline;
     text-decoration-thickness: max(1px, 0.0625rem);
@@ -11,25 +19,45 @@
     gap: var(--ds-spacing-1);
   }
 
-  .fds-link:visited {
-    color: var(--ds-global-purple-12);
+  .ds-link__accent {
+    --dsc-link-color: var(--ds-color-accent-text-subtle);
+    --dsc-link-color-hover: var(--ds-color-accent-text-default);
+    --dsc-link-color-active: var(--ds-color-accent-text-default);
+    --dsc-link-color-active-background: var(--ds-color-accent-surface-default);
+    --dsc-link-color-visited: var(--ds-global-purple-12);
+    --dsc-link-color-focus: var(--ds-focus-inner);
+    --dsc-link-color-focus-background: var(--ds-focus-outer);
+  }
+
+  .ds-link__neutral {
+    --dsc-link-color: var(--ds-color-neutral-text-default);
+    --dsc-link-color-hover: var(--ds-color-neutral-text-subtle);
+    --dsc-link-color-active: var(--ds-color-neutral-text-subtle);
+    --dsc-link-color-active-background: var(--ds-color-neutral-surface-default);
+    --dsc-link-color-visited: var(--ds-global-purple-12);
+    --dsc-link-color-focus: var(--ds-focus-inner);
+    --dsc-link-color-focus-background: var(--ds-focus-outer);
+  }
+
+  .ds-link:visited {
+    color: var(--dsc-link-color-visited);
     text-decoration: none;
   }
 
-  .fds-link:hover {
-    color: var(--ds-color-accent-text-default);
+  .ds-link:hover {
+    color: var(--dsc-link-color-hover);
     text-decoration-thickness: max(2px, 0.125rem, 0.12em);
   }
 
-  .fds-link:focus-visible {
-    color: var(--ds-color-accent-text-default);
-    background: var(--ds-color-neutral-surface-default);
+  .ds-link:focus-visible {
+    color: var(--dsc-link-color-focus);
+    background: var(--dsc-link-color-focus-background);
     outline: none;
   }
 
-  .fds-link:active {
-    color: var(--ds-color-accent-text-default);
-    background: var(--ds-color-accent-surface-default);
+  .ds-link:active {
+    color: var(--dsc-link-color-active);
+    background: var(--dsc-link-color-active-background);
     border-radius: var(--ds-border-radius-md);
     outline: none;
   }