@ds-autonomie/web-components 1.16.2 → 1.17.0

package/dist/design-system.js

@@ -1,9 +1,13 @@
+import "./chunks/chunk.QL5C2XOW.js";
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   DSATableToolbar
 } from "./chunks/chunk.XZXTQFSR.js";
 import "./chunks/chunk.O3CACOEB.js";
-import "./chunks/chunk.QL5C2XOW.js";
+import {
+  DSATableExpandedRow
+} from "./chunks/chunk.BUJFK2VN.js";
+import "./chunks/chunk.47IWI2IO.js";
 import {
   DSATableHead
 } from "./chunks/chunk.TOARGW5M.js";
@@ -14,28 +18,32 @@ import {
 import "./chunks/chunk.R4Y6XOHR.js";
 import {
   DSATableHeaderRow
-} from "./chunks/chunk.WPYZYOD5.js";
-import "./chunks/chunk.PUPPORXG.js";
+} from "./chunks/chunk.VZBGTAM3.js";
 import {
   DSATableRow
-} from "./chunks/chunk.7J3HDP6J.js";
+} from "./chunks/chunk.PKEKVGMQ.js";
 import "./chunks/chunk.D2OFSSMT.js";
+import "./chunks/chunk.PUPPORXG.js";
+import {
+  DSATableAction
+} from "./chunks/chunk.O6S5WFZL.js";
+import "./chunks/chunk.BRHJBTGS.js";
 import {
   DSATableBody
 } from "./chunks/chunk.Q2EIIWVA.js";
 import "./chunks/chunk.OSR4H2UW.js";
 import {
   DSATableCaption
-} from "./chunks/chunk.N2H4K44W.js";
+} from "./chunks/chunk.I3SEN2LI.js";
 import "./chunks/chunk.KSC5O6PK.js";
 import {
   DSATableCell
 } from "./chunks/chunk.V5O2GRVM.js";
 import "./chunks/chunk.AHPXKIVU.js";
 import {
-  DSATableExpandedRow
-} from "./chunks/chunk.BUJFK2VN.js";
-import "./chunks/chunk.47IWI2IO.js";
+  DSAFilterSelect
+} from "./chunks/chunk.CLHGGIBQ.js";
+import "./chunks/chunk.YOLAIUYX.js";
 import {
   DSANavbar
 } from "./chunks/chunk.6FM2GGDB.js";
@@ -46,78 +54,79 @@ import {
 import "./chunks/chunk.KGEIBGLH.js";
 import {
   DSANavbarMenu
-} from "./chunks/chunk.O2OMAMMI.js";
+} from "./chunks/chunk.MDU7KHHW.js";
 import "./chunks/chunk.UYGZPSDY.js";
-import {
-  DSATableAction
-} from "./chunks/chunk.A3RCXT25.js";
-import "./chunks/chunk.BRHJBTGS.js";
 import {
   DSAFilterCounter
-} from "./chunks/chunk.5BCAEDG4.js";
+} from "./chunks/chunk.RXNIW3V5.js";
+import "./chunks/chunk.OXM5EF3F.js";
 import {
   DSAFilterDate
-} from "./chunks/chunk.KOW5OFDN.js";
+} from "./chunks/chunk.WRC4UPSL.js";
 import "./chunks/chunk.IJMNSKEV.js";
 import "./chunks/chunk.BY3RW35M.js";
 import {
   DSAFilterRange
-} from "./chunks/chunk.PAF4S7OV.js";
+} from "./chunks/chunk.VSC54K2L.js";
+import {
+  DSAFilterButton
+} from "./chunks/chunk.QMCNUEAU.js";
 import "./chunks/chunk.FZODQJBF.js";
 import {
-  DSAFilterSelect
-} from "./chunks/chunk.NXQ42SSB.js";
-import "./chunks/chunk.YOLAIUYX.js";
+  DSATooltip
+} from "./chunks/chunk.AFGTS4PG.js";
 import {
   DSATree
-} from "./chunks/chunk.ZYY6O4PU.js";
+} from "./chunks/chunk.BGU7HA72.js";
+import "./chunks/chunk.73T7TU6S.js";
 import {
   DSATreeItem
-} from "./chunks/chunk.BROIFXIH.js";
+} from "./chunks/chunk.3355NB7L.js";
 import "./chunks/chunk.HOQK77X5.js";
-import {
-  DSAFilterButton
-} from "./chunks/chunk.GZMFP7UN.js";
 import "./chunks/chunk.SUCVNPSQ.js";
-import "./chunks/chunk.OXM5EF3F.js";
+import {
+  DSATableContainer
+} from "./chunks/chunk.4V4L6Q7P.js";
 import {
   DSATableOfContents
 } from "./chunks/chunk.RYD4BVIA.js";
+import "./chunks/chunk.MZF7MK5G.js";
 import {
   DSATextarea
 } from "./chunks/chunk.VLSSVYAB.js";
 import "./chunks/chunk.6TASDLIO.js";
+import "./chunks/chunk.UVGAHM33.js";
 import {
-  DSATooltip
-} from "./chunks/chunk.R6572W75.js";
-import "./chunks/chunk.EMJZLQCL.js";
-import "./chunks/chunk.73T7TU6S.js";
+  DSATabGroup
+} from "./chunks/chunk.B64MRSFM.js";
 import {
   DSATabPanel
 } from "./chunks/chunk.NKVYNBAI.js";
+import "./chunks/chunk.5WAZTHII.js";
 import "./chunks/chunk.HB7A2UQ7.js";
 import {
   DSATable
 } from "./chunks/chunk.SYISTULS.js";
 import "./chunks/chunk.7XUPS5FG.js";
-import {
-  DSATableContainer
-} from "./chunks/chunk.4V4L6Q7P.js";
 import "./chunks/chunk.4EFJ2NV3.js";
-import "./chunks/chunk.MZF7MK5G.js";
+import {
+  DSAStep
+} from "./chunks/chunk.5ATFMWVP.js";
+import "./chunks/chunk.MNCPUPHX.js";
+import "./chunks/chunk.CCTWXABH.js";
 import {
   DSAStepper
 } from "./chunks/chunk.KTY3ESVG.js";
 import "./chunks/chunk.QATKXCGU.js";
 import {
   DSATab
-} from "./chunks/chunk.45B5UA3U.js";
+} from "./chunks/chunk.QVJA3YFE.js";
 import "./chunks/chunk.OZ2GKA3Q.js";
-import {
-  DSATabGroup
-} from "./chunks/chunk.N43R5DJN.js";
 import "./chunks/chunk.J4GT5AWF.js";
-import "./chunks/chunk.5WAZTHII.js";
+import {
+  DSASkeleton
+} from "./chunks/chunk.JJ67JVYV.js";
+import "./chunks/chunk.M245ZGRR.js";
 import {
   DSASkipLinkItem
 } from "./chunks/chunk.A4KB35I6.js";
@@ -126,57 +135,50 @@ import {
   DSASkipLinks
 } from "./chunks/chunk.XFOOYYIV.js";
 import "./chunks/chunk.DX25IW4S.js";
-import {
-  DSAStep
-} from "./chunks/chunk.JHPIOVRD.js";
-import "./chunks/chunk.CCTWXABH.js";
-import "./chunks/chunk.MNCPUPHX.js";
 import {
   DSARangeSlider
-} from "./chunks/chunk.3YSH35MM.js";
+} from "./chunks/chunk.O7DWCXXH.js";
+import "./chunks/chunk.RFQ2Y5SK.js";
 import {
   DSARelativeTime
-} from "./chunks/chunk.JXWCUSV3.js";
+} from "./chunks/chunk.6SIIMZ3D.js";
 import {
   DSAResizeObserver
 } from "./chunks/chunk.G3ESG6Q5.js";
 import "./chunks/chunk.RMCOWJOW.js";
 import {
-  DSASkeleton
-} from "./chunks/chunk.JJ67JVYV.js";
-import "./chunks/chunk.M245ZGRR.js";
+  DSAProgressBar
+} from "./chunks/chunk.JDR7WF3R.js";
 import {
   DSAProgressRing
 } from "./chunks/chunk.2RY3PW7B.js";
+import "./chunks/chunk.LOM2QK4T.js";
 import {
   DSARadio
 } from "./chunks/chunk.UPDUFREI.js";
 import "./chunks/chunk.7KYHO6CO.js";
 import {
   DSARadioButton
-} from "./chunks/chunk.SIPW72IF.js";
-import "./chunks/chunk.KKAOTWJY.js";
+} from "./chunks/chunk.FZBZ5HAZ.js";
 import {
   DSARadioGroup
 } from "./chunks/chunk.CW4ML3IS.js";
+import "./chunks/chunk.ATFH7NZ3.js";
 import "./chunks/chunk.KD5BVWTU.js";
-import "./chunks/chunk.VO6MIHUM.js";
 import {
   DSAPagination
-} from "./chunks/chunk.Z5LJXDHJ.js";
+} from "./chunks/chunk.5IKJNP4W.js";
 import "./chunks/chunk.PFGVYROJ.js";
+import "./chunks/chunk.BJAMGNY4.js";
 import {
   DSAPaginationButton
 } from "./chunks/chunk.MWQ3CXZP.js";
 import "./chunks/chunk.BPPQ62GH.js";
-import {
-  DSAProgressBar
-} from "./chunks/chunk.E475BLMD.js";
 import "./chunks/chunk.SGIGGO5M.js";
-import "./chunks/chunk.LOM2QK4T.js";
 import {
   DSAMenuLabel
 } from "./chunks/chunk.EFQHAGXP.js";
+import "./chunks/chunk.3XRQRY25.js";
 import {
   DSAMenuNavigation
 } from "./chunks/chunk.I2FEKI3M.js";
@@ -185,16 +187,40 @@ import {
   DSAMutationObserver
 } from "./chunks/chunk.X6RQ2SQC.js";
 import "./chunks/chunk.YZHDFJWJ.js";
-import "./chunks/chunk.BJAMGNY4.js";
+import {
+  DSAInputPhone
+} from "./chunks/chunk.AISSZCX4.js";
+import {
+  DSASelect
+} from "./chunks/chunk.6QGIFSKH.js";
+import "./chunks/chunk.NDQ5XCHJ.js";
+import {
+  DSAOption
+} from "./chunks/chunk.V3EGD3LC.js";
+import {
+  DSAVisuallyHidden
+} from "./chunks/chunk.DSGUQNN4.js";
+import "./chunks/chunk.IOFPPNUO.js";
+import {
+  DSAMenuItem
+} from "./chunks/chunk.Y4RTGSQH.js";
+import "./chunks/chunk.4FP4K3F5.js";
+import "./chunks/chunk.HSLR5GY4.js";
+import "./chunks/chunk.ESYJVRG3.js";
 import {
   DSAMenu
 } from "./chunks/chunk.BD63GRU5.js";
 import "./chunks/chunk.OBU65KDL.js";
 import {
   DSAMenuAccordion
-} from "./chunks/chunk.GYJZ3E7K.js";
+} from "./chunks/chunk.USOUTPCT.js";
 import "./chunks/chunk.7WGQLL3L.js";
-import "./chunks/chunk.3XRQRY25.js";
+import "./chunks/chunk.SGOZVSP6.js";
+import {
+  DSAInput
+} from "./chunks/chunk.WNP6VKYR.js";
+import "./chunks/chunk.VC3XT47N.js";
+import "./chunks/chunk.KBT2EKLF.js";
 import {
   BICConfig,
   IBANConfig,
@@ -202,70 +228,52 @@ import {
 } from "./chunks/chunk.IER4ZBFV.js";
 import {
   DSAInputMask
-} from "./chunks/chunk.QDXCYEAZ.js";
+} from "./chunks/chunk.SESHYW6E.js";
 import "./chunks/chunk.4DRKFRDB.js";
-import {
-  DSAInputPhone
-} from "./chunks/chunk.EAP74BQL.js";
-import {
-  DSASelect
-} from "./chunks/chunk.PNTPO2DN.js";
-import "./chunks/chunk.ZWVWEQGL.js";
-import {
-  DSAOption
-} from "./chunks/chunk.BAU3732X.js";
-import {
-  DSAVisuallyHidden
-} from "./chunks/chunk.DSGUQNN4.js";
-import "./chunks/chunk.IOFPPNUO.js";
-import "./chunks/chunk.CZFGLE3Y.js";
-import "./chunks/chunk.ESYJVRG3.js";
-import {
-  DSAMenuItem
-} from "./chunks/chunk.Y4RTGSQH.js";
-import "./chunks/chunk.SGOZVSP6.js";
 import "./chunks/chunk.7OLEA3GQ.js";
 import {
   getPhoneConfig
 } from "./chunks/chunk.65HTBW2L.js";
-import "./chunks/chunk.43EIYNTL.js";
 import {
   DSAInclude
 } from "./chunks/chunk.FHDPJN6L.js";
 import "./chunks/chunk.NNBOLKWI.js";
 import {
-  DSAInput
-} from "./chunks/chunk.TRKYAEYS.js";
-import "./chunks/chunk.KBT2EKLF.js";
-import "./chunks/chunk.VC3XT47N.js";
+  DSAHeader
+} from "./chunks/chunk.TZZHA2CW.js";
+import "./chunks/chunk.LDRVRUQG.js";
 import {
   DSAHeaderExternalLink
 } from "./chunks/chunk.OZWZRPR2.js";
 import {
   DSAHeaderSearch
-} from "./chunks/chunk.IQTKA4UT.js";
+} from "./chunks/chunk.XNOXIU7B.js";
 import "./chunks/chunk.2T66U3QC.js";
+import {
+  DSAFooterSitemap
+} from "./chunks/chunk.S3YBN2JX.js";
+import "./chunks/chunk.DY7O23OC.js";
 import {
   DSAFooterSitemapItem
-} from "./chunks/chunk.5MB36CJO.js";
-import "./chunks/chunk.2PA4QKLT.js";
+} from "./chunks/chunk.IMRGO6QP.js";
+import "./chunks/chunk.KKJF6BYU.js";
 import {
   DSAFormatBytes
-} from "./chunks/chunk.RBXTMFL6.js";
+} from "./chunks/chunk.A5S4PSDJ.js";
 import {
   DSAFormatDate
-} from "./chunks/chunk.7KF6Z37I.js";
+} from "./chunks/chunk.BBGXYE4Z.js";
 import {
   DSAFormatNumber
-} from "./chunks/chunk.QR4Z7SWH.js";
-import {
-  DSAHeader
-} from "./chunks/chunk.MUGCPHYQ.js";
+} from "./chunks/chunk.RBF7AXDI.js";
 import "./chunks/chunk.JSNVYESF.js";
-import "./chunks/chunk.D433F3FV.js";
+import {
+  DSAFileUploadItem
+} from "./chunks/chunk.6ARUNZFT.js";
 import {
   DSAFooter
-} from "./chunks/chunk.YG7TOAY3.js";
+} from "./chunks/chunk.CJ35H7EE.js";
+import "./chunks/chunk.6EHBM4N7.js";
 import "./chunks/chunk.QDZIXDQB.js";
 import {
   DSAFooterContentBlock
@@ -276,109 +284,101 @@ import {
 } from "./chunks/chunk.MJ3ZLDHO.js";
 import "./chunks/chunk.G4ODEI4O.js";
 import {
-  DSAFooterSitemap
-} from "./chunks/chunk.S3YBN2JX.js";
-import "./chunks/chunk.DY7O23OC.js";
+  DSADropdown
+} from "./chunks/chunk.2AZX4GK4.js";
 import {
   DSAErrorMessagePanel
-} from "./chunks/chunk.Z74FEBJS.js";
+} from "./chunks/chunk.RIBDMYAF.js";
+import "./chunks/chunk.KUXAIXES.js";
 import {
   DSAFileUpload
 } from "./chunks/chunk.KFVPJIH2.js";
 import "./chunks/chunk.KPLNKARS.js";
-import {
-  DSAFileUploadItem
-} from "./chunks/chunk.6ARUNZFT.js";
 import "./chunks/chunk.CR3YYNT2.js";
-import "./chunks/chunk.6EHBM4N7.js";
+import {
+  DSADivider
+} from "./chunks/chunk.AQRNB4GJ.js";
 import {
   DSADownloadCard
 } from "./chunks/chunk.Q62BRBYD.js";
+import "./chunks/chunk.WI3DWLXW.js";
 import {
   DSADownloadLink
-} from "./chunks/chunk.WAROYP2H.js";
-import "./chunks/chunk.ORNTGXRO.js";
+} from "./chunks/chunk.YXVKJQFH.js";
+import "./chunks/chunk.ARYKCY32.js";
 import {
   DSADrawer
-} from "./chunks/chunk.GE2PTQVM.js";
+} from "./chunks/chunk.GJM5KJMB.js";
 import "./chunks/chunk.RTEOTFLP.js";
-import {
-  DSADropdown
-} from "./chunks/chunk.VJRDVQTS.js";
 import "./chunks/chunk.JAN3GSWY.js";
-import "./chunks/chunk.KUXAIXES.js";
+import {
+  DSACheckboxButton
+} from "./chunks/chunk.DLMZ2MN2.js";
 import {
   DSACheckboxGroup
-} from "./chunks/chunk.CWHNW2T5.js";
+} from "./chunks/chunk.QGNUX2KV.js";
 import "./chunks/chunk.SZ2VCGC3.js";
+import "./chunks/chunk.QEVAFNHA.js";
 import {
   DSACombobox
-} from "./chunks/chunk.AMIXGL74.js";
+} from "./chunks/chunk.A4O4JY6G.js";
 import {
   DSATag
-} from "./chunks/chunk.A2AK34DU.js";
+} from "./chunks/chunk.2MXY6CAL.js";
 import "./chunks/chunk.WFHOSUOX.js";
 import {
   DSAPopup
-} from "./chunks/chunk.V5J2RAQ5.js";
-import "./chunks/chunk.XD5JM6WF.js";
-import "./chunks/chunk.2UZSRWJ7.js";
+} from "./chunks/chunk.CFISAFUN.js";
+import "./chunks/chunk.WYUQG5BJ.js";
+import "./chunks/chunk.4QUJBAX3.js";
 import {
   DSADialog
-} from "./chunks/chunk.CKBRIIGV.js";
+} from "./chunks/chunk.RJUC427U.js";
 import "./chunks/chunk.ISAFRNR2.js";
 import "./chunks/chunk.EMIT7S33.js";
 import "./chunks/chunk.LFYUJOPU.js";
-import {
-  DSADivider
-} from "./chunks/chunk.AQRNB4GJ.js";
 import "./chunks/chunk.RY4QCT3T.js";
-import "./chunks/chunk.WI3DWLXW.js";
 import {
   DSACalendar
-} from "./chunks/chunk.BHQ3BNQA.js";
+} from "./chunks/chunk.2DYZ4544.js";
 import "./chunks/chunk.U7V5J6UX.js";
 import {
   DSACard
-} from "./chunks/chunk.MXDA7QXL.js";
-import "./chunks/chunk.VXQMFXV5.js";
+} from "./chunks/chunk.33YIN2OK.js";
+import "./chunks/chunk.M7QP6END.js";
 import {
   DSACheckbox
-} from "./chunks/chunk.RG342A22.js";
+} from "./chunks/chunk.2GIZK5OL.js";
 import "./chunks/chunk.CMJ2SRTL.js";
 import {
   DSAErrorText
 } from "./chunks/chunk.CPXD6UYZ.js";
 import "./chunks/chunk.EYZGEU3G.js";
 import "./chunks/chunk.TD3KXIPP.js";
-import {
-  DSACheckboxButton
-} from "./chunks/chunk.WHTNMZZS.js";
-import "./chunks/chunk.BQ7R6MC6.js";
-import "./chunks/chunk.QEVAFNHA.js";
 import "./chunks/chunk.3EPXMS3X.js";
+import "./chunks/chunk.RSX6EFCX.js";
 import {
   DSABadge
 } from "./chunks/chunk.66WACVGP.js";
 import {
   DSABreadcrumb
-} from "./chunks/chunk.3UNYRJRK.js";
+} from "./chunks/chunk.LRHTRZGS.js";
 import "./chunks/chunk.IGYXUK7A.js";
 import {
   DSABreadcrumbItem
-} from "./chunks/chunk.JR77AUQ7.js";
+} from "./chunks/chunk.PYB3JSR5.js";
 import "./chunks/chunk.PULHNCDM.js";
 import {
   DSAButton
-} from "./chunks/chunk.6L4HRCFK.js";
+} from "./chunks/chunk.PTXGBZ6Y.js";
 import {
   DSASpinner
-} from "./chunks/chunk.ZLGBX4RI.js";
+} from "./chunks/chunk.BUFBFNGF.js";
 import "./chunks/chunk.XSXVVUKP.js";
 import "./chunks/chunk.KIFBWPW5.js";
 import "./chunks/chunk.YIY5RM53.js";
 import "./chunks/chunk.KZ65ORAL.js";
-import "./chunks/chunk.2P44D5YL.js";
+import "./chunks/chunk.MMD7BOR4.js";
 import {
   DSAAnimation
 } from "./chunks/chunk.PEAFJZ6C.js";
@@ -389,7 +389,7 @@ import {
 } from "./chunks/chunk.TJOP7HQP.js";
 import {
   DSAAvatar
-} from "./chunks/chunk.5MXBL3PY.js";
+} from "./chunks/chunk.4WWQYBFA.js";
 import "./chunks/chunk.NHRDZGLI.js";
 import {
   DSAAvatarGroup
@@ -398,11 +398,11 @@ import "./chunks/chunk.XWUQFDIN.js";
 import "./chunks/chunk.BVRGK5ZO.js";
 import {
   DSAAccordion
-} from "./chunks/chunk.7DHGAM7P.js";
-import "./chunks/chunk.VDOVUA55.js";
+} from "./chunks/chunk.CBBSK53B.js";
+import "./chunks/chunk.KOTPR264.js";
 import {
   DSAAlert
-} from "./chunks/chunk.IDAQJSVV.js";
+} from "./chunks/chunk.SS2TFJEH.js";
 import {
   DSAIconButton
 } from "./chunks/chunk.IEBTPGUT.js";
@@ -410,19 +410,19 @@ import "./chunks/chunk.4Z3LVWYW.js";
 import "./chunks/chunk.B4BZKR24.js";
 import "./chunks/chunk.2FK6USFR.js";
 import "./chunks/chunk.V7RJROLH.js";
-import "./chunks/chunk.6L6CZSQX.js";
+import "./chunks/chunk.DZLCCB5R.js";
 import {
   DSAIcon
-} from "./chunks/chunk.V7MYOBN4.js";
-import "./chunks/chunk.23TOS4ZE.js";
-import "./chunks/chunk.XNEONNEJ.js";
-import "./chunks/chunk.LMJPQPQT.js";
+} from "./chunks/chunk.4L7EJLR4.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.O2PIWM25.js";
-import "./chunks/chunk.RDGMZ5XB.js";
+} from "./chunks/chunk.D34QDO4H.js";
 import "./chunks/chunk.RB6TMBWW.js";
+import "./chunks/chunk.23TOS4ZE.js";
+import "./chunks/chunk.XNEONNEJ.js";
+import "./chunks/chunk.LMJPQPQT.js";
+import "./chunks/chunk.RDGMZ5XB.js";
 import "./chunks/chunk.6IH66JBY.js";
 import {
   getBasePath
@@ -430,10 +430,10 @@ import {
 import "./chunks/chunk.INLQD4SQ.js";
 import {
   DSAAnchorTag
-} from "./chunks/chunk.RCSAV4XJ.js";
+} from "./chunks/chunk.ZV7TVP6P.js";
 import "./chunks/chunk.ZQJVCRB2.js";
 import "./chunks/chunk.YCXTCVAZ.js";
-import "./chunks/chunk.H2JSXKGD.js";
+import "./chunks/chunk.MPZ56XQK.js";
 import "./chunks/chunk.TUVJKY7S.js";
 import "./chunks/chunk.6M63UXML.js";
 export {

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

@@ -48,6 +48,22 @@
   --dsa-wc-alert-neutral-background-color: var(
     --dsa-color-alert-background-neutral
   );
+  --dsa-wc-callout-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);
+  --dsa-wc-callout-border-radius: 0px 3px 3px 0px;
+  --dsa-wc-callout-text-gap: var(--dsa-spacing-8);
+  --dsa-wc-callout-title-font: var(--dsa-font-large-bold);
+  --dsa-wc-callout-title-color: var(--dsa-color-text-on-base-primary);
+  --dsa-wc-callout-message-font: var(--dsa-font-medium-normal);
+  --dsa-wc-callout-message-color: var(--dsa-color-text-on-base-primary);
+  --dsa-wc-callout-border-left-width: var(--dsa-border-6);
+  --dsa-wc-callout-default-border-color: var(
+    --dsa-color-callout-border-default
+  );
+  --dsa-wc-callout-border-left: var(--dsa-wc-callout-border-left-width) solid
+    var(--dsa-wc-callout-default-border-color);
+  --dsa-wc-callout-default-background-color: var(
+    --dsa-color-callout-background-default
+  );
   --dsa-wc-dialog-spacing: var(--dsa-spacing-24);
   --dsa-wc-dialog-overlay: var(--dsa-color-surface-overlay);
   --dsa-wc-dialog-overlay-opacity: 0.4;
@@ -80,12 +96,12 @@
   --dsa-wc-form-input-autocomplete-background: var(
     --dsa-color-primitive-colors-identity-purple-100
   );
-  --dsa-wc-focus-ring-color: var(--dsa-color-primitive-colors-system-focus-500);
-  --dsa-wc-focus-ring-style: solid;
+  --dsa-wc-focus-ring-color: #015fcc;
+  --dsa-wc-focus-ring-style: auto;
   --dsa-wc-focus-ring-width: 3px;
   --dsa-wc-focus-ring: var(--dsa-wc-focus-ring-style)
     var(--dsa-wc-focus-ring-width) var(--dsa-wc-focus-ring-color);
-  --dsa-wc-focus-ring-offset: 1px;
+  --dsa-wc-focus-ring-offset: 4px;
   --dsa-wc-focus-ring-radius: var(--dsa-radius-4);
   --dsa-wc-form-required-content: "*";
   --dsa-wc-form-required-content-offset: -2px;
@@ -215,10 +231,10 @@
     --dsa-color-checkbox-button-checked-read-only-border
   );
   --dsa-wc-toggle-button-read-only-checked-color: var(
-    --dsa-color-checkbox-button-checked-read-only-on-background
+    --dsa-color-radio-button-selected-read-only-on-background-text
   );
   --dsa-wc-toggle-button-read-only-checked-icon-color: var(
-    --dsa-color-primitive-colors-identity-purple-500
+    --dsa-color-radio-button-selected-read-only-on-background-text
   );
   --dsa-wc-toggle-button-error-background-color: var(
     --dsa-color-checkbox-button-unchecked-error-background
@@ -356,6 +372,7 @@
   --dsa-wc-menu-accordion-button-focus-ring-offset: -3px;
   --dsa-wc-option-color: var(--dsa-color-text-on-base-primary);
   --dsa-wc-option-hover-color: var(--dsa-color-option-hover-background);
+  --dsa-wc-option-hover-border-color: var(--dsa-color-option-hover-border);
   --dsa-wc-option-error-color: var(--dsa-color-icon-on-base-error);
   --dsa-wc-option-active-color: var(--dsa-color-option-active-on-background);
   --dsa-wc-option-active-background-color: var(
@@ -373,16 +390,24 @@
   --dsa-wc-option-disabled-color: var(--dsa-color-text-on-base-disabled);
   --dsa-wc-option-font: var(--dsa-font-small-normal);
   --dsa-wc-option-icon-size: 1.25rem;
-  --dsa-wc-option-padding: var(--dsa-spacing-12) var(--dsa-spacing-24)
-    var(--dsa-spacing-12) var(--dsa-spacing-4);
+  --dsa-wc-option-medium-padding-y: var(--dsa-spacing-12);
+  --dsa-wc-option-padding-left: var(--dsa-spacing-4);
+  --dsa-wc-option-padding-right: var(--dsa-spacing-24);
+  --dsa-wc-option-padding: var(--dsa-wc-option-medium-padding-y)
+    var(--dsa-wc-option-padding-right) var(--dsa-wc-option-medium-padding-y)
+    var(--dsa-wc-option-padding-left);
   --dsa-wc-option-small-font: var(--dsa-font-x-small-normal);
   --dsa-wc-option-small-icon-size: 1.125rem;
-  --dsa-wc-option-small-padding: var(--dsa-spacing-8) var(--dsa-spacing-24)
-    var(--dsa-spacing-8) var(--dsa-spacing-4);
+  --dsa-wc-option-small-padding-y: var(--dsa-spacing-8);
+  --dsa-wc-option-small-padding: var(--dsa-wc-option-small-padding-y)
+    var(--dsa-wc-option-padding-right) var(--dsa-wc-option-small-padding-y)
+    var(--dsa-wc-option-padding-left);
   --dsa-wc-option-large-font: var(--dsa-font-medium-normal);
   --dsa-wc-option-large-icon-size: 1.5rem;
-  --dsa-wc-option-large-padding: var(--dsa-spacing-12) var(--dsa-spacing-24)
-    var(--dsa-spacing-12) var(--dsa-spacing-4);
+  --dsa-wc-option-large-padding-y: var(--dsa-spacing-12);
+  --dsa-wc-option-large-padding: var(--dsa-wc-option-large-padding-y)
+    var(--dsa-wc-option-padding-right) var(--dsa-wc-option-large-padding-y)
+    var(--dsa-wc-option-padding-left);
   --dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);
   --dsa-wc-option-multiple-checkbox-horizontal-padding: var(--dsa-spacing-4)
     var(--dsa-spacing-8);
@@ -1194,7 +1219,7 @@
     --dsa-color-button-on-base-navigation-hover
   );
   --dsa-wc-breadcrumb-item-active-color: var(
-    --dsa-color-button-on-base-primary-on-background-default
+    --dsa-color-button-on-base-navigation-active
   );
   --dsa-wc-breadcrumb-item-spacing: 0.5rem;
   --dsa-wc-breadcrumb-item-separator-margin-y: 0.5rem;