@ds-autonomie/web-components 2.14.1 → 2.15.0

package/dist/internal/animate.d.ts

@@ -16,7 +16,7 @@ export declare function stopAnimations(el: HTMLElement): Promise<unknown[]>;
  */
 export declare function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number): {
     height: string | number | null | undefined;
-    composite?: CompositeOperationOrAuto;
-    easing?: string;
-    offset?: number | null;
+    composite?: CompositeOperationOrAuto | undefined;
+    easing?: string | undefined;
+    offset?: number | null | undefined;
 }[];

package/dist/internal/components/checkbox-box/checkbox-box.js

@@ -10,7 +10,7 @@ import { html } from 'lit/static-html.js';
 import '../../../components/icon/icon';
 import { ShoelaceElement } from '../../shoelace-element';
 import styles from './checkbox-box.styles';
-let DSAInternalCheckboxBox = class DSAInternalCheckboxBox extends ShoelaceElement {
+export let DSAInternalCheckboxBox = class DSAInternalCheckboxBox extends ShoelaceElement {
     constructor() {
         super(...arguments);
         /** Draws the checkbox in a checked state. */
@@ -91,4 +91,3 @@ __decorate([
 DSAInternalCheckboxBox = __decorate([
     customElement('dsa-internal-checkbox-box')
 ], DSAInternalCheckboxBox);
-export { DSAInternalCheckboxBox };

package/dist/internal/components/date-field/date-field.styles.js

@@ -37,9 +37,6 @@ export default css `
     -webkit-appearance: none;
     margin: 0;
   }
-  input[type='number'] {
-    -moz-appearance: textfield;
-  }
 
   input[type='number']::selection {
     background: none;

package/dist/internal/components/form-control/form-control-layout.js

@@ -116,15 +116,17 @@ export class FormControlLayout extends ShoelaceElement {
             ${this.renderInput()}  
           </div>
   
-          <slot
-            name="help-text"
-            part="form-control-help-text"
+          <div
             id="help-text"
             class="form-control__help-text"
-            aria-hidden=${hasHelpText ? 'false' : 'true'}
           >
-            ${this.helpText}
-          </slot>
+            <slot
+              name="help-text"
+              part="form-control-help-text"
+            >
+              ${this.helpText}
+            </slot>
+          </div>
   
           ${this.renderCounter()}
 

package/dist/internal/components/radio-icon/radio-icon.js

@@ -10,7 +10,7 @@ import { html } from 'lit/static-html.js';
 import '../../../components/icon/icon';
 import { ShoelaceElement } from '../../shoelace-element';
 import styles from './radio-icon.styles';
-let DSAInternalRadioIcon = class DSAInternalRadioIcon extends ShoelaceElement {
+export let DSAInternalRadioIcon = class DSAInternalRadioIcon extends ShoelaceElement {
     constructor() {
         super(...arguments);
         /** Draws the radio icon in a checked state. */
@@ -63,4 +63,3 @@ __decorate([
 DSAInternalRadioIcon = __decorate([
     customElement('dsa-internal-radio-icon')
 ], DSAInternalRadioIcon);
-export { DSAInternalRadioIcon };

package/dist/internal/components/radio-icon/radio-icon.styles.js

@@ -29,7 +29,7 @@ export default css `
     height: var(--toggle-size);
     border: solid var(--dsa-wc-radio-border-width) var(--dsa-wc-radio-color);
     border-radius: 50%;
-    background-color: none;
+    background-color: initial;
     color: var(--dsa-wc-radio-color);
     transition:
       var(--dsa-wc-transition-fast) border-color,

package/dist/internal/tabbable.js

@@ -47,6 +47,7 @@ function isOverflowingAndTabbable(el) {
 }
 /** Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable */
 function isTabbable(el) {
+    var _a;
     const tag = el.tagName.toLowerCase();
     const tabindex = Number(el.getAttribute('tabindex'));
     const hasTabindex = el.hasAttribute('tabindex');
@@ -64,7 +65,7 @@ function isTabbable(el) {
     }
     if (tag === 'input' && el.getAttribute('type') === 'radio') {
         const rootNode = el.getRootNode();
-        const findRadios = `input[type='radio'][name="${el.getAttribute('name')}"]`;
+        const findRadios = `input[type='radio'][name="${(_a = el.getAttribute('name')) !== null && _a !== void 0 ? _a : ''}"]`;
         const firstChecked = rootNode.querySelector(`${findRadios}:checked`);
         if (firstChecked) {
             return firstChecked === el;

package/dist/internal/test.js

@@ -40,45 +40,45 @@ function determineMousePosition(el, position, offsetX, offsetY) {
     return { clickX, clickY };
 }
 /** A testing utility that measures an element's position and clicks on it. */
-export function clickOnElement(el_1) {
-    return __awaiter(this, arguments, void 0, function* (
-    /** The element to click */
-    el, 
-    /** The location of the element to click */
-    position = 'center', 
-    /** The horizontal offset to apply to the position when clicking */
-    offsetX = 0, 
-    /** The vertical offset to apply to the position when clicking */
-    offsetY = 0) {
+export function clickOnElement(
+/** The element to click */
+el, 
+/** The location of the element to click */
+position = 'center', 
+/** The horizontal offset to apply to the position when clicking */
+offsetX = 0, 
+/** The vertical offset to apply to the position when clicking */
+offsetY = 0) {
+    return __awaiter(this, void 0, void 0, function* () {
         const { clickX, clickY } = determineMousePosition(el, position, offsetX, offsetY);
         yield sendMouse({ type: 'click', position: [clickX, clickY] });
     });
 }
 /** A testing utility that moves the mouse onto an element. */
-export function moveMouseOnElement(el_1) {
-    return __awaiter(this, arguments, void 0, function* (
-    /** The element to click */
-    el, 
-    /** The location of the element to click */
-    position = 'center', 
-    /** The horizontal offset to apply to the position when clicking */
-    offsetX = 0, 
-    /** The vertical offset to apply to the position when clicking */
-    offsetY = 0) {
+export function moveMouseOnElement(
+/** The element to click */
+el, 
+/** The location of the element to click */
+position = 'center', 
+/** The horizontal offset to apply to the position when clicking */
+offsetX = 0, 
+/** The vertical offset to apply to the position when clicking */
+offsetY = 0) {
+    return __awaiter(this, void 0, void 0, function* () {
         const { clickX, clickY } = determineMousePosition(el, position, offsetX, offsetY);
         yield sendMouse({ type: 'move', position: [clickX, clickY] });
     });
 }
 /** A testing utility that drags an element with the mouse. */
-export function dragElement(el_1) {
-    return __awaiter(this, arguments, void 0, function* (
-    /** The element to drag */
-    el, 
-    /** The horizontal distance to drag in pixels */
-    deltaX = 0, 
-    /** The vertical distance to drag in pixels */
-    deltaY = 0, callbacks = {}) {
-        var _a, _b;
+export function dragElement(
+/** The element to drag */
+el, 
+/** The horizontal distance to drag in pixels */
+deltaX = 0, 
+/** The vertical distance to drag in pixels */
+deltaY = 0, callbacks = {}) {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function* () {
         yield moveMouseOnElement(el);
         yield sendMouse({ type: 'down' });
         yield ((_a = callbacks.afterMouseDown) === null || _a === void 0 ? void 0 : _a.call(callbacks));

package/dist/styles/form-control.styles.js

@@ -54,8 +54,7 @@ export default css `
   }
 
   .form-control--options-horizontal .form-control__options {
-    flex-direction: row;
-    flex-wrap: wrap;
+    flex-flow: row wrap;
   }
 
   .form-control .form-control__help-text {

package/dist/templates/utilities/decorator.d.ts

@@ -2,5 +2,5 @@ import '../../components/footer-sitemap-item/footer-sitemap-item';
 import '../../components/footer-sitemap/footer-sitemap';
 import '../../components/footer/footer';
 import '../../components/header-modern/header-modern';
-import { Decorator } from '@storybook/web-components-vite';
+import type { Decorator } from '@storybook/web-components-vite';
 export declare const withPageTemplate: Decorator;

package/dist/templates/utilities/header.js

@@ -67,7 +67,7 @@ export const templatePageHeader = (title, withActions = false) => {
                     <dsa-menu-item
                       type="link"
                       target="_blank"
-                      href="https://twitter.com/intent/tweet?url=https://dsa.service-public-autonomie.fr/latest/demarrer/design-system-de-l-autonomie/presentation-A6ygvnwd&text=Documentation%20du%20Design%20System%20de%20l'autonomie"
+                      href="https://twitter.com/intent/tweet?url=https://dsa.service-public-autonomie.fr/latest/demarrer/design-system-de-l-autonomie/presentation-A6ygvnwd&amp;text=Documentation%20du%20Design%20System%20de%20l&#39;autonomie"
                     >
                       <svg
                         slot="prefix"

package/dist/templates/utilities/template-story-config.d.ts

@@ -1,16 +1,2 @@
-import { ArgTypes } from '@storybook/web-components-vite';
-export declare const templateStoryConfig: {
-    parameters: {
-        layout: string;
-    };
-    globals: {
-        viewport: {
-            value: string;
-        };
-    };
-    decorators: import("@storybook/web-components-vite").Decorator[];
-    args: {
-        story_actions: boolean;
-    };
-    argTypes: ArgTypes;
-};
+import type { ArgTypes } from '@storybook/web-components-vite';
+export declare const templateStoryConfig: ArgTypes;

package/dist/themes/dsa-theme-tac.css

@@ -15,7 +15,7 @@
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(0 0 0 0);
   white-space: nowrap;
   border: 0;
 }
@@ -230,10 +230,6 @@ html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitronAlertBig {
   right: 0;
   z-index: 4000;
 }
-div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
-  opacity: 1 !important;
-  background-color: var(--overlay) !important;
-}
 #tarteaucitronAlertBig {
   position: fixed;
   bottom: 0;
@@ -249,14 +245,12 @@ div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
   z-index: 2147483645;
   max-height: 73vh;
   border: var(--dsa-border-1) solid var(--dsa-color-border-default);
-  padding: 2.5rem 1rem 2rem 1rem;
+  padding: 2.5rem 1rem 2rem;
 }
 @media screen and (min-width: 48em) {
   #tarteaucitronRoot #tarteaucitronAlertBig {
     display: grid !important;
-    grid-template-columns: 1fr auto auto;
-    grid-template-rows: auto auto auto;
-    grid-template-areas: "disclaimer disclaimer disclaimer" "allow deny custom" "privacy privacy privacy";
+    grid-template: "disclaimer disclaimer disclaimer" auto "allow deny custom" auto "privacy privacy privacy" auto / 1fr auto auto;
     width: 40rem !important;
     bottom: 2.5rem !important;
     left: 2.5rem !important;
@@ -470,8 +464,7 @@ div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
   display: flex;
   justify-content: space-between;
   gap: 1.5rem;
-  flex-wrap: wrap;
-  flex-direction: column;
+  flex-flow: column wrap;
   border: 1px solid var(--dsa-color-border-default);
   padding: 1rem;
   border-radius: var(--dsa-radius-8);
@@ -493,7 +486,7 @@ div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
   .tarteaucitronLine {
   border: none;
   padding: 0;
-  border-radius: none;
+  border-radius: 0;
 }
 #tarteaucitronRoot .tarteaucitronBorder > ul > li > ul {
   margin-top: 1rem;

package/dist/themes/dsa-theme-tac.min.css

@@ -1 +1 @@
-#tarteaucitronRoot .tarteaucitronH1{font:var(--dsa-font-large-bold)}#tarteaucitronRoot .tarteaucitronH3{display:block;font:var(--dsa-font-medium-bold)}#tarteaucitronRoot br{display:none}.tac_visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tarteaucitronHidden{display:none}html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitronAlertBig{z-index:10}#tarteaucitronRoot{box-sizing:border-box;color:var(--dsa-color-text-on-base-primary);font-family:Cabin,arial,sans-serif;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#tarteaucitronRoot *,#tarteaucitronRoot *:before,#tarteaucitronRoot *:after{box-sizing:inherit}#tarteaucitronRoot a{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:none;border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-style:solid;transition:border-width .1s ease-out}#tarteaucitronRoot a:hover{color:var(--dsa-wc-link-hover-on-base-color);border-bottom-width:calc(var(--dsa-wc-link-underline-thickness) * var(--dsa-wc-link-hover-underline-thickness-multiplier));margin-bottom:0}#tarteaucitronRoot a:focus-visible{outline:var(--dsa-wc-focus-ring);border-radius:var(--dsa-wc-focus-ring-radius)}#tarteaucitronRoot a:visited{color:var(--dsa-wc-link-visited-on-base-color)}#tarteaucitronRoot a:active{color:var(--dsa-wc-link-active-on-base-color)}#tarteaucitronRoot button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;cursor:pointer;background:none}#tarteaucitronRoot button:focus-visible{outline:var(--dsa-wc-focus-ring);outline-offset:var(--dsa-wc-focus-ring-offset)}#tarteaucitronPrivacyUrl,#tarteaucitronPrivacyUrlDialog{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:underline;text-underline-offset:6px;padding:0}#tarteaucitronPrivacyUrl:hover,#tarteaucitronPrivacyUrlDialog:hover{color:var(--dsa-wc-link-hover-on-base-color);text-decoration-thickness:2px}#tarteaucitronPrivacyUrl:active,#tarteaucitronPrivacyUrlDialog:active{color:var(--dsa-wc-link-active-on-base-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny,#tarteaucitronRoot #tarteaucitronSaveButton{display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-width:var(--dsa-wc-button-border-width);border-radius:var(--dsa-wc-button-border-radius);font:var(--dsa-wc-button-font);height:var(--dsa-wc-form-input-height);line-height:calc(var(--dsa-wc-form-input-height) - var(--dsa-wc-button-border-width) * 2);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0 var(--dsa-wc-button-padding-horizontal);transition:var(--dsa-wc-transition-x-fast) background-color,var(--dsa-wc-transition-x-fast) color,var(--dsa-wc-transition-x-fast) border,var(--dsa-wc-transition-x-fast) box-shadow}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert{padding:0;border:none;background-color:var(--dsa-wc-button-tertiary-on-base-color);color:var(--dsa-wc-button-tertiary-on-base-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover{background-color:var(--dsa-wc-button-tertiary-on-base-hover-color);border-color:var(--dsa-wc-button-tertiary-on-base-hover-border-color);color:var(--dsa-wc-button-tertiary-on-base-hover-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:active{background-color:var(--dsa-wc-button-tertiary-on-base-active-color);border-color:var(--dsa-wc-button-tertiary-on-base-active-border-color);color:var(--dsa-wc-button-tertiary-on-base-active-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:disabled{background-color:var(--dsa-wc-button-tertiary-on-base-disabled-color);border-color:var(--dsa-wc-button-tertiary-on-base-disabled-border-color);color:var(--dsa-wc-button-tertiary-on-base-disabled-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny{background-color:var(--dsa-wc-button-secondary-on-base-color);border-color:var(--dsa-wc-button-secondary-on-base-color);color:var(--dsa-wc-button-secondary-on-base-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:hover{background-color:var(--dsa-wc-button-secondary-on-base-hover-color);border-color:var(--dsa-wc-button-secondary-on-base-hover-color);color:var(--dsa-wc-button-secondary-on-base-hover-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:active{background-color:var(--dsa-wc-button-secondary-on-base-active-color);border-color:var(--dsa-wc-button-secondary-on-base-active-color);color:var(--dsa-wc-button-secondary-on-base-active-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:disabled{background-color:var(--dsa-wc-button-secondary-on-base-disabled-color);border-color:var(--dsa-wc-button-secondary-on-base-disabled-color);color:var(--dsa-wc-button-secondary-on-base-disabled-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,#tarteaucitronRoot #tarteaucitronSaveButton{background-color:var(--dsa-wc-button-primary-on-base-color);border-color:var(--dsa-wc-button-primary-on-base-color);color:var(--dsa-wc-button-primary-on-base-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow:hover,#tarteaucitronRoot #tarteaucitronSaveButton:hover{background-color:var(--dsa-wc-button-primary-on-base-hover-color);border-color:var(--dsa-wc-button-primary-on-base-hover-color);color:var(--dsa-wc-button-primary-on-base-hover-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow:active,#tarteaucitronRoot #tarteaucitronSaveButton:active{background-color:var(--dsa-wc-button-primary-on-base-active-color);border-color:var(--dsa-wc-button-primary-on-base-active-color);color:var(--dsa-wc-button-primary-on-base-active-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow:disabled,#tarteaucitronRoot #tarteaucitronSaveButton:disabled{background-color:var(--dsa-wc-button-primary-on-base-disabled-color);border-color:var(--dsa-wc-button-primary-on-base-disabled-color);color:var(--dsa-wc-button-primary-on-base-disabled-font-color)}#tarteaucitronRoot ul,#tarteaucitronRoot ol{list-style:none;padding:0;margin:0}#tarteaucitronBack{display:none;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%;left:0;position:fixed;top:0;width:100%;opacity:1!important;z-index:2147483646}.tarteaucitronIconBottomLeft{position:fixed;bottom:0;left:0;z-index:4000}.tarteaucitronIconBottomRight{position:fixed;bottom:0;right:0;z-index:4000}.tarteaucitronIconTopLeft{position:fixed;top:0;left:0;z-index:4000}.tarteaucitronIconTopRight{position:fixed;top:0;right:0;z-index:4000}div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{opacity:1!important;background-color:var(--overlay)!important}#tarteaucitronAlertBig{position:fixed;bottom:0;left:0;width:100%;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:1.25rem 1rem;background:var(--dsa-color-surface-base);z-index:2147483645;max-height:73vh;border:var(--dsa-border-1) solid var(--dsa-color-border-default);padding:2.5rem 1rem 2rem}@media screen and (min-width:48em){#tarteaucitronRoot #tarteaucitronAlertBig{display:grid!important;grid-template-columns:1fr auto auto;grid-template-rows:auto auto auto;grid-template-areas:"disclaimer disclaimer disclaimer" "allow deny custom" "privacy privacy privacy";width:40rem!important;bottom:2.5rem!important;left:2.5rem!important;padding:0;text-align:unset;transform:none!important;box-shadow:var(--dsa-wc-shadow-large);border-radius:var(--dsa-radius-8)}}#tarteaucitronDisclaimerAlert{display:block}@media screen and (min-width:48em){#tarteaucitronDisclaimerAlert{grid-area:disclaimer;border-bottom:var(--dsa-wc-dialog-footer-border);padding:2.5rem 2.5rem 2rem 2rem}}#tarteaucitronRoot #tarteaucitronCloseCross{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:var(--dsa-wc-icon-button-border-radius)}@media screen and (min-width:48em){#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert{grid-area:custom;margin-right:2rem}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny{grid-area:deny}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow{justify-self:end;grid-area:allow}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl{grid-area:privacy;justify-self:end;margin:0 2rem 2rem 0}}#tarteaucitron{display:none;height:90%;margin:0;left:0;top:unset!important;bottom:0;position:fixed;width:100%;z-index:2147483647;background:var(--dsa-color-surface-base);border:var(--dsa-border-1) solid var(--dsa-color-border-default)}@media screen and (min-width:48em){#tarteaucitron{width:calc(100vw - 4rem);max-width:50rem;height:initial;max-height:80%;left:2rem;bottom:2rem;box-shadow:var(--dsa-wc-shadow-large);border-radius:var(--dsa-radius-8) 0 var(--dsa-radius-8) var(--dsa-radius-8)}}#tarteaucitronRoot #tarteaucitronClosePanel{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--dsa-radius-8) var(--dsa-radius-8) 0 0;position:absolute;right:-1px;bottom:100%;overflow:auto;background:var(--dsa-color-surface-base);border-top:1px solid var(--dsa-color-border-default);border-left:1px solid var(--dsa-color-border-default);border-right:1px solid var(--dsa-color-border-default);padding:.25rem 1rem}.tarteaucitronTitle{margin-bottom:.5rem;font:var(--dsa-font-medium-bold)}#tarteaucitronMainLineOffset{padding:2rem 2rem 1.5rem;border-bottom:var(--dsa-wc-dialog-footer-border);background:var(--dsa-color-surface-base);z-index:1;border-radius:var(--dsa-radius-8) var(--dsa-radius-8) 0 0}#tarteaucitronInfo,#tarteaucitronPrivacyUrlDialog{margin-top:.5rem}#tarteaucitronMainLineOffset .tarteaucitronName{margin-top:2rem}#tarteaucitronMainLineOffset .tarteaucitronAsk{margin-top:1rem}#tarteaucitronServicesTitle_mandatory .tarteaucitronH3{font:var(--dsa-font-medium-normal);margin:0}@media screen and (min-width:48em){.tarteaucitronName{max-width:60%}}.tarteaucitronAsk{display:flex;gap:var(--dsa-wc-toggle-group-spacing);flex-wrap:wrap}@media screen and (min-width:48em){.tarteaucitronAsk{justify-content:flex-end;align-items:center}}#tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronAsk{display:none!important}#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny{display:inline-flex;align-items:center;justify-content:center;background-color:var(--dsa-wc-toggle-button-background-color);color:var(--dsa-wc-toggle-button-color);font:var(--dsa-wc-button-font);font-weight:400;border-color:var(--dsa-wc-toggle-button-border-color);border-width:1px;border-style:solid;border-radius:var(--dsa-wc-button-border-radius);height:var(--dsa-wc-form-input-height);white-space:normal;line-height:130%;min-height:var(--dsa-wc-form-input-height);padding:0 var(--dsa-wc-button-padding-horizontal);transition:var(--dsa-wc-transition-x-fast) background-color,var(--dsa-wc-transition-x-fast) color,var(--dsa-wc-transition-x-fast) border,var(--dsa-wc-transition-x-fast) box-shadow;flex-shrink:0;flex-grow:1}@media screen and (min-width:48em){#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny{flex-grow:0}}#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow:hover,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny:hover{background-color:var(--dsa-wc-toggle-button-hover-background-color);border-color:var(--dsa-wc-toggle-button-hover-border-color);color:var(--dsa-wc-toggle-button-hover-color)}#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow:active,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny:active{background-color:var(--dsa-wc-toggle-button-active-background-color);border-color:var(--dsa-wc-toggle-button-active-border-color);color:var(--dsa-wc-toggle-button-active-color)}#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow,#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny{background-color:var(--dsa-wc-toggle-button-checked-background-color);border-color:var(--dsa-wc-toggle-button-checked-border-color);color:var(--dsa-wc-toggle-button-checked-color)}#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow:hover,#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny:hover{background-color:var(--dsa-wc-toggle-button-checked-hover-background-color);border-color:var(--dsa-wc-toggle-button-checked-hover-border-color);color:var(--dsa-wc-toggle-button-checked-hover-color)}#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow:active,#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny:active{background-color:var(--dsa-wc-toggle-button-checked-active-background-color);border-color:var(--dsa-wc-toggle-button-checked-active-border-color);color:var(--dsa-wc-toggle-button-checked-active-color)}#tarteaucitronRoot .tarteaucitronBorder{padding:1.5rem 2rem;border-bottom:var(--dsa-wc-dialog-footer-border)}#tarteaucitronRoot .tarteaucitronBorder>ul{display:flex;flex-direction:column;gap:1.5rem}.tarteaucitronDetails{color:var(--dsa-color-text-on-base-secondary)}#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;flex-direction:column;border:1px solid var(--dsa-color-border-default);padding:1rem;border-radius:var(--dsa-radius-8)}#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine .tarteaucitronAsk{flex-direction:column}@media screen and (min-width:48em){#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine,#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine .tarteaucitronAsk{flex-direction:row}}#tarteaucitronRoot .tarteaucitronBorder #tarteaucitronServices_mandatory .tarteaucitronLine{border:none;padding:0;border-radius:none}#tarteaucitronRoot .tarteaucitronBorder>ul>li>ul{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine .tarteaucitronH3{font:var(--dsa-font-medium-normal);margin-bottom:var(--dsa-spacing-8)}.tarteaucitronStatusInfo{display:none}#tarteaucitronSave{display:flex;justify-content:flex-end;padding:1.25rem}#tarteaucitronPercentage,#tarteaucitronAlertSmall{display:none!important}
+#tarteaucitronRoot .tarteaucitronH1{font:var(--dsa-font-large-bold)}#tarteaucitronRoot .tarteaucitronH3{display:block;font:var(--dsa-font-medium-bold)}#tarteaucitronRoot br{display:none}.tac_visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(0 0 0 0);white-space:nowrap;border:0}.tarteaucitronHidden{display:none}html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitronAlertBig{z-index:10}#tarteaucitronRoot{box-sizing:border-box;color:var(--dsa-color-text-on-base-primary);font-family:Cabin,arial,sans-serif;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#tarteaucitronRoot *,#tarteaucitronRoot *:before,#tarteaucitronRoot *:after{box-sizing:inherit}#tarteaucitronRoot a{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:none;border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-style:solid;transition:border-width .1s ease-out}#tarteaucitronRoot a:hover{color:var(--dsa-wc-link-hover-on-base-color);border-bottom-width:calc(var(--dsa-wc-link-underline-thickness) * var(--dsa-wc-link-hover-underline-thickness-multiplier));margin-bottom:0}#tarteaucitronRoot a:focus-visible{outline:var(--dsa-wc-focus-ring);border-radius:var(--dsa-wc-focus-ring-radius)}#tarteaucitronRoot a:visited{color:var(--dsa-wc-link-visited-on-base-color)}#tarteaucitronRoot a:active{color:var(--dsa-wc-link-active-on-base-color)}#tarteaucitronRoot button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;cursor:pointer;background:none}#tarteaucitronRoot button:focus-visible{outline:var(--dsa-wc-focus-ring);outline-offset:var(--dsa-wc-focus-ring-offset)}#tarteaucitronPrivacyUrl,#tarteaucitronPrivacyUrlDialog{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:underline;text-underline-offset:6px;padding:0}#tarteaucitronPrivacyUrl:hover,#tarteaucitronPrivacyUrlDialog:hover{color:var(--dsa-wc-link-hover-on-base-color);text-decoration-thickness:2px}#tarteaucitronPrivacyUrl:active,#tarteaucitronPrivacyUrlDialog:active{color:var(--dsa-wc-link-active-on-base-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny,#tarteaucitronRoot #tarteaucitronSaveButton{display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-width:var(--dsa-wc-button-border-width);border-radius:var(--dsa-wc-button-border-radius);font:var(--dsa-wc-button-font);height:var(--dsa-wc-form-input-height);line-height:calc(var(--dsa-wc-form-input-height) - var(--dsa-wc-button-border-width) * 2);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0 var(--dsa-wc-button-padding-horizontal);transition:var(--dsa-wc-transition-x-fast) background-color,var(--dsa-wc-transition-x-fast) color,var(--dsa-wc-transition-x-fast) border,var(--dsa-wc-transition-x-fast) box-shadow}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert{padding:0;border:none;background-color:var(--dsa-wc-button-tertiary-on-base-color);color:var(--dsa-wc-button-tertiary-on-base-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover{background-color:var(--dsa-wc-button-tertiary-on-base-hover-color);border-color:var(--dsa-wc-button-tertiary-on-base-hover-border-color);color:var(--dsa-wc-button-tertiary-on-base-hover-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:active{background-color:var(--dsa-wc-button-tertiary-on-base-active-color);border-color:var(--dsa-wc-button-tertiary-on-base-active-border-color);color:var(--dsa-wc-button-tertiary-on-base-active-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:disabled{background-color:var(--dsa-wc-button-tertiary-on-base-disabled-color);border-color:var(--dsa-wc-button-tertiary-on-base-disabled-border-color);color:var(--dsa-wc-button-tertiary-on-base-disabled-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny{background-color:var(--dsa-wc-button-secondary-on-base-color);border-color:var(--dsa-wc-button-secondary-on-base-color);color:var(--dsa-wc-button-secondary-on-base-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:hover{background-color:var(--dsa-wc-button-secondary-on-base-hover-color);border-color:var(--dsa-wc-button-secondary-on-base-hover-color);color:var(--dsa-wc-button-secondary-on-base-hover-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:active{background-color:var(--dsa-wc-button-secondary-on-base-active-color);border-color:var(--dsa-wc-button-secondary-on-base-active-color);color:var(--dsa-wc-button-secondary-on-base-active-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:disabled{background-color:var(--dsa-wc-button-secondary-on-base-disabled-color);border-color:var(--dsa-wc-button-secondary-on-base-disabled-color);color:var(--dsa-wc-button-secondary-on-base-disabled-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,#tarteaucitronRoot #tarteaucitronSaveButton{background-color:var(--dsa-wc-button-primary-on-base-color);border-color:var(--dsa-wc-button-primary-on-base-color);color:var(--dsa-wc-button-primary-on-base-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow:hover,#tarteaucitronRoot #tarteaucitronSaveButton:hover{background-color:var(--dsa-wc-button-primary-on-base-hover-color);border-color:var(--dsa-wc-button-primary-on-base-hover-color);color:var(--dsa-wc-button-primary-on-base-hover-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow:active,#tarteaucitronRoot #tarteaucitronSaveButton:active{background-color:var(--dsa-wc-button-primary-on-base-active-color);border-color:var(--dsa-wc-button-primary-on-base-active-color);color:var(--dsa-wc-button-primary-on-base-active-font-color)}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow:disabled,#tarteaucitronRoot #tarteaucitronSaveButton:disabled{background-color:var(--dsa-wc-button-primary-on-base-disabled-color);border-color:var(--dsa-wc-button-primary-on-base-disabled-color);color:var(--dsa-wc-button-primary-on-base-disabled-font-color)}#tarteaucitronRoot ul,#tarteaucitronRoot ol{list-style:none;padding:0;margin:0}#tarteaucitronBack{display:none;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%;left:0;position:fixed;top:0;width:100%;opacity:1!important;z-index:2147483646}.tarteaucitronIconBottomLeft{position:fixed;bottom:0;left:0;z-index:4000}.tarteaucitronIconBottomRight{position:fixed;bottom:0;right:0;z-index:4000}.tarteaucitronIconTopLeft{position:fixed;top:0;left:0;z-index:4000}.tarteaucitronIconTopRight{position:fixed;top:0;right:0;z-index:4000}#tarteaucitronAlertBig{position:fixed;bottom:0;left:0;width:100%;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:1.25rem 1rem;background:var(--dsa-color-surface-base);z-index:2147483645;max-height:73vh;border:var(--dsa-border-1) solid var(--dsa-color-border-default);padding:2.5rem 1rem 2rem}@media screen and (min-width:48em){#tarteaucitronRoot #tarteaucitronAlertBig{display:grid!important;grid-template:"disclaimer disclaimer disclaimer" auto "allow deny custom" auto "privacy privacy privacy" auto / 1fr auto auto;width:40rem!important;bottom:2.5rem!important;left:2.5rem!important;padding:0;text-align:unset;transform:none!important;box-shadow:var(--dsa-wc-shadow-large);border-radius:var(--dsa-radius-8)}}#tarteaucitronDisclaimerAlert{display:block}@media screen and (min-width:48em){#tarteaucitronDisclaimerAlert{grid-area:disclaimer;border-bottom:var(--dsa-wc-dialog-footer-border);padding:2.5rem 2.5rem 2rem 2rem}}#tarteaucitronRoot #tarteaucitronCloseCross{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:var(--dsa-wc-icon-button-border-radius)}@media screen and (min-width:48em){#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert{grid-area:custom;margin-right:2rem}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny{grid-area:deny}#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow{justify-self:end;grid-area:allow}#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl{grid-area:privacy;justify-self:end;margin:0 2rem 2rem 0}}#tarteaucitron{display:none;height:90%;margin:0;left:0;top:unset!important;bottom:0;position:fixed;width:100%;z-index:2147483647;background:var(--dsa-color-surface-base);border:var(--dsa-border-1) solid var(--dsa-color-border-default)}@media screen and (min-width:48em){#tarteaucitron{width:calc(100vw - 4rem);max-width:50rem;height:initial;max-height:80%;left:2rem;bottom:2rem;box-shadow:var(--dsa-wc-shadow-large);border-radius:var(--dsa-radius-8) 0 var(--dsa-radius-8) var(--dsa-radius-8)}}#tarteaucitronRoot #tarteaucitronClosePanel{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--dsa-radius-8) var(--dsa-radius-8) 0 0;position:absolute;right:-1px;bottom:100%;overflow:auto;background:var(--dsa-color-surface-base);border-top:1px solid var(--dsa-color-border-default);border-left:1px solid var(--dsa-color-border-default);border-right:1px solid var(--dsa-color-border-default);padding:.25rem 1rem}.tarteaucitronTitle{margin-bottom:.5rem;font:var(--dsa-font-medium-bold)}#tarteaucitronMainLineOffset{padding:2rem 2rem 1.5rem;border-bottom:var(--dsa-wc-dialog-footer-border);background:var(--dsa-color-surface-base);z-index:1;border-radius:var(--dsa-radius-8) var(--dsa-radius-8) 0 0}#tarteaucitronInfo,#tarteaucitronPrivacyUrlDialog{margin-top:.5rem}#tarteaucitronMainLineOffset .tarteaucitronName{margin-top:2rem}#tarteaucitronMainLineOffset .tarteaucitronAsk{margin-top:1rem}#tarteaucitronServicesTitle_mandatory .tarteaucitronH3{font:var(--dsa-font-medium-normal);margin:0}@media screen and (min-width:48em){.tarteaucitronName{max-width:60%}}.tarteaucitronAsk{display:flex;gap:var(--dsa-wc-toggle-group-spacing);flex-wrap:wrap}@media screen and (min-width:48em){.tarteaucitronAsk{justify-content:flex-end;align-items:center}}#tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronAsk{display:none!important}#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny{display:inline-flex;align-items:center;justify-content:center;background-color:var(--dsa-wc-toggle-button-background-color);color:var(--dsa-wc-toggle-button-color);font:var(--dsa-wc-button-font);font-weight:400;border-color:var(--dsa-wc-toggle-button-border-color);border-width:1px;border-style:solid;border-radius:var(--dsa-wc-button-border-radius);height:var(--dsa-wc-form-input-height);white-space:normal;line-height:130%;min-height:var(--dsa-wc-form-input-height);padding:0 var(--dsa-wc-button-padding-horizontal);transition:var(--dsa-wc-transition-x-fast) background-color,var(--dsa-wc-transition-x-fast) color,var(--dsa-wc-transition-x-fast) border,var(--dsa-wc-transition-x-fast) box-shadow;flex-shrink:0;flex-grow:1}@media screen and (min-width:48em){#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny{flex-grow:0}}#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow:hover,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny:hover{background-color:var(--dsa-wc-toggle-button-hover-background-color);border-color:var(--dsa-wc-toggle-button-hover-border-color);color:var(--dsa-wc-toggle-button-hover-color)}#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow:active,#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny:active{background-color:var(--dsa-wc-toggle-button-active-background-color);border-color:var(--dsa-wc-toggle-button-active-border-color);color:var(--dsa-wc-toggle-button-active-color)}#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow,#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny{background-color:var(--dsa-wc-toggle-button-checked-background-color);border-color:var(--dsa-wc-toggle-button-checked-border-color);color:var(--dsa-wc-toggle-button-checked-color)}#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow:hover,#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny:hover{background-color:var(--dsa-wc-toggle-button-checked-hover-background-color);border-color:var(--dsa-wc-toggle-button-checked-hover-border-color);color:var(--dsa-wc-toggle-button-checked-hover-color)}#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow:active,#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny:active{background-color:var(--dsa-wc-toggle-button-checked-active-background-color);border-color:var(--dsa-wc-toggle-button-checked-active-border-color);color:var(--dsa-wc-toggle-button-checked-active-color)}#tarteaucitronRoot .tarteaucitronBorder{padding:1.5rem 2rem;border-bottom:var(--dsa-wc-dialog-footer-border)}#tarteaucitronRoot .tarteaucitronBorder>ul{display:flex;flex-direction:column;gap:1.5rem}.tarteaucitronDetails{color:var(--dsa-color-text-on-base-secondary)}#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine{display:flex;justify-content:space-between;gap:1.5rem;flex-flow:column wrap;border:1px solid var(--dsa-color-border-default);padding:1rem;border-radius:var(--dsa-radius-8)}#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine .tarteaucitronAsk{flex-direction:column}@media screen and (min-width:48em){#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine,#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine .tarteaucitronAsk{flex-direction:row}}#tarteaucitronRoot .tarteaucitronBorder #tarteaucitronServices_mandatory .tarteaucitronLine{border:none;padding:0;border-radius:0}#tarteaucitronRoot .tarteaucitronBorder>ul>li>ul{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}#tarteaucitronRoot .tarteaucitronBorder .tarteaucitronLine .tarteaucitronH3{font:var(--dsa-font-medium-normal);margin-bottom:var(--dsa-spacing-8)}.tarteaucitronStatusInfo{display:none}#tarteaucitronSave{display:flex;justify-content:flex-end;padding:1.25rem}#tarteaucitronPercentage,#tarteaucitronAlertSmall{display:none!important}

package/dist/themes/dsa-theme-tac.styles.js

@@ -18,7 +18,7 @@ export default css`
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(0 0 0 0);
     white-space: nowrap;
     border: 0;
   }
@@ -233,10 +233,6 @@ export default css`
     right: 0;
     z-index: 4000;
   }
-  div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
-    opacity: 1 !important;
-    background-color: var(--overlay) !important;
-  }
   #tarteaucitronAlertBig {
     position: fixed;
     bottom: 0;
@@ -252,14 +248,12 @@ export default css`
     z-index: 2147483645;
     max-height: 73vh;
     border: var(--dsa-border-1) solid var(--dsa-color-border-default);
-    padding: 2.5rem 1rem 2rem 1rem;
+    padding: 2.5rem 1rem 2rem;
   }
   @media screen and (min-width: 48em) {
     #tarteaucitronRoot #tarteaucitronAlertBig {
       display: grid !important;
-      grid-template-columns: 1fr auto auto;
-      grid-template-rows: auto auto auto;
-      grid-template-areas: "disclaimer disclaimer disclaimer" "allow deny custom" "privacy privacy privacy";
+      grid-template: "disclaimer disclaimer disclaimer" auto "allow deny custom" auto "privacy privacy privacy" auto / 1fr auto auto;
       width: 40rem !important;
       bottom: 2.5rem !important;
       left: 2.5rem !important;
@@ -478,8 +472,7 @@ export default css`
     display: flex;
     justify-content: space-between;
     gap: 1.5rem;
-    flex-wrap: wrap;
-    flex-direction: column;
+    flex-flow: column wrap;
     border: 1px solid var(--dsa-color-border-default);
     padding: 1rem;
     border-radius: var(--dsa-radius-8);
@@ -504,7 +497,7 @@ export default css`
     .tarteaucitronLine {
     border: none;
     padding: 0;
-    border-radius: none;
+    border-radius: 0;
   }
   #tarteaucitronRoot .tarteaucitronBorder > ul > li > ul {
     margin-top: 1rem;

package/dist/themes/dsa-wc-theme.css

@@ -1724,8 +1724,7 @@
   );
   --dsa-wc-accordion-border-radius: var(--dsa-spacing-4);
   --dsa-wc-accordion-header-border-radius: 3px;
-  --dsa-wc-accordion-closed-header-hover-border-radius: 3px;
-  --dsa-wc-accordion-header-hover-border-radius: 3px 3px 0px 0px;
+  --dsa-wc-accordion-header-open-border-radius: 3px 3px 0px 0px;
   --dsa-wc-accordion-padding: 1rem;
   --dsa-wc-accordion-font: var(--dsa-font-medium-normal);
   --dsa-wc-accordion-color: var(--dsa-color-text-on-base-primary);
@@ -1749,8 +1748,6 @@
   --dsa-wc-accordion-summary-font: var(--dsa-font-large-bold);
   --dsa-wc-accordion-small-summary-font: var(--dsa-font-medium-bold);
   --dsa-wc-accordion-hover-border-color: var(--dsa-color-border-hover);
-  --dsa-wc-accordion-focus-border: 3px solid
-    var(--dsa-color-primitive-colors-system-focus-500);
   --dsa-wc-accordion-header-hover-background-color: var(
     --dsa-color-accordion-hover-background
   );
@@ -1803,7 +1800,6 @@
   --dsa-wc-combobox-listbox-background-color: var(--dsa-color-background-base);
   --dsa-wc-combobox-empty-label-color: var(--dsa-color-text-on-base-secondary);
   --dsa-wc-combobox-empty-label-font: var(--dsa-font-small-normal);
-  --dsa-wc-combobox-listbox-padding-inline: 1.75rem;
   --dsa-wc-combobox-icon-margin: 0.75rem;
   --dsa-wc-combobox-expand-icon-error-color: var(
     --dsa-color-icon-on-base-error
@@ -2096,7 +2092,7 @@
   --dsa-wc-header-modern-cnsa-logo-width-desktop: 84px;
   --dsa-wc-header-modern-cnsa-logo-height-desktop: 50px;
   --dsa-wc-header-modern-cnsa-logo-padding-bottom-desktop: 18px;
-  --dsa-wc-header-modern-site-name-color: var(--dsa-color-text-base);
+  --dsa-wc-header-modern-site-name-color: var(--dsa-color-text-on-base-primary);
   --dsa-wc-header-modern-site-name-font-weight: 400;
   --dsa-wc-header-modern-site-name-font-family: Montserrat, sans-serif;
   --dsa-wc-header-modern-site-name-font-size-desktop: 1.31rem;
@@ -2492,9 +2488,6 @@
   padding-right: var(--dsa-wc-scroll-lock-size) !important;
   overflow: hidden !important;
 }
-.dialog__body::-webkit-scrollbar-track-piece {
-  background-color: var(--dsa-wc-dialog-scrollbar-color) !important;
-}
 .dsa-toast-stack {
   position: fixed;
   top: 0;
@@ -2623,11 +2616,7 @@
   outline-offset: var(--dsa-wc-focus-ring-offset);
   border-radius: var(--dsa-wc-focus-ring-radius);
 }
-.no-animations {
-  --dsa-wc-no-animations-duration: 0s;
-}
 .dsa-link--skip-content:not(:focus) {
-  clip: rect(0 0 0 0);
   clip-path: inset(50%);
   overflow: hidden;
   white-space: nowrap;
@@ -2637,12 +2626,14 @@
   position: relative;
   width: auto;
   height: auto;
-  clip: unset;
   clip-path: unset;
   overflow: unset;
   white-space: unset;
   padding: unset;
 }
+.no-animations {
+  --dsa-wc-no-animations-duration: 0s;
+}
 
 .dsa-grid-container {
   --dsa-grid-gap: 16px;