@synergy-design-system/components 2.53.0 → 2.54.0

package/dist/chunks/{chunk.DBRHRUFP.js → chunk.BGQ5EYDU.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.EIPUNS3D.js";
+} from "./chunk.LLJ2CH4V.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.DBRHRUFP.js.map
+//# sourceMappingURL=chunk.BGQ5EYDU.js.map

package/dist/chunks/{chunk.APOGIKL4.js → chunk.BHFSOLTN.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.4YZKRQQ7.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.APOGIKL4.js.map
+//# sourceMappingURL=chunk.BHFSOLTN.js.map

package/dist/chunks/{chunk.FO5SIS46.js → chunk.BUQMYSAN.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.OJ3N7TWP.js";
 import {
   SynNavItem
-} from "./chunk.XDUP6CJF.js";
+} from "./chunk.VDPIY3EO.js";
 import {
   SynMenu
-} from "./chunk.JEFDTYPV.js";
+} from "./chunk.SRDB4IM3.js";
 import {
   SynDropdown
-} from "./chunk.DFR3PGZ5.js";
+} from "./chunk.VNCS4M7O.js";
 import {
   SynIcon
-} from "./chunk.4YZKRQQ7.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.FO5SIS46.js.map
+//# sourceMappingURL=chunk.BUQMYSAN.js.map

package/dist/chunks/{chunk.NT7GD4JH.js → chunk.CJUK2P4J.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.Y5JI7SHD.js";
+} from "./chunk.A5RYBBGV.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.NT7GD4JH.js.map
+//# sourceMappingURL=chunk.CJUK2P4J.js.map

package/dist/chunks/{chunk.KHJ6TXWO.js → chunk.CPPHS4FC.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.KHJ6TXWO.js.map
+//# sourceMappingURL=chunk.CPPHS4FC.js.map

package/dist/chunks/{chunk.3G2GJXKU.js → chunk.CZO3KI6S.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.TK2E463C.js";
+} from "./chunk.HBFWETVN.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.3G2GJXKU.js.map
+//# sourceMappingURL=chunk.CZO3KI6S.js.map

package/dist/chunks/{chunk.SDH23KZG.js → chunk.DMJX3FFJ.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.QZOFT4O5.js";
+} from "./chunk.HC62IURD.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.SDH23KZG.js.map
+//# sourceMappingURL=chunk.DMJX3FFJ.js.map

package/dist/chunks/{chunk.ADVWV5W3.js → chunk.F76DB54C.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.VKQYZKBO.js";
+} from "./chunk.ANW6MLNF.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.ADVWV5W3.js.map
+//# sourceMappingURL=chunk.F76DB54C.js.map

package/dist/chunks/{chunk.AIMXTNV7.js → chunk.FBKU7UVM.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.AIMXTNV7.js.map
+//# sourceMappingURL=chunk.FBKU7UVM.js.map

package/dist/chunks/{chunk.EILAARCC.js → chunk.FG2ONQSL.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.FWLUR33I.js";
 import {
   SynNavItem
-} from "./chunk.XDUP6CJF.js";
+} from "./chunk.VDPIY3EO.js";
 import {
   SynDivider
-} from "./chunk.IXATGHGZ.js";
+} from "./chunk.7DKVFNKX.js";
 import {
   SynDrawer
-} from "./chunk.VKQYZKBO.js";
+} from "./chunk.ANW6MLNF.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.4YZKRQQ7.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.EILAARCC.js.map
+//# sourceMappingURL=chunk.FG2ONQSL.js.map

package/dist/chunks/{chunk.H46VWQT6.js → chunk.FRODSWRT.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.XDUP6CJF.js";
+} from "./chunk.VDPIY3EO.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.H46VWQT6.js.map
+//# sourceMappingURL=chunk.FRODSWRT.js.map

package/dist/chunks/{chunk.YHNCHUW4.js → chunk.FTDLMP4Q.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.HD5OVQP5.js";
+} from "./chunk.QCYFRYLS.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.YHNCHUW4.js.map
+//# sourceMappingURL=chunk.FTDLMP4Q.js.map

package/dist/chunks/{chunk.PFEY6526.js → chunk.FTVF2NQS.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.QZOFT4O5.js";
+} from "./chunk.HC62IURD.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.PFEY6526.js.map
+//# sourceMappingURL=chunk.FTVF2NQS.js.map

package/dist/chunks/{chunk.25ALHVS2.js → chunk.FZTHPJK4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.QZOFT4O5.js";
+} from "./chunk.HC62IURD.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.25ALHVS2.js.map
+//# sourceMappingURL=chunk.FZTHPJK4.js.map

package/dist/chunks/{chunk.L7XK3MJG.js → chunk.GNRS6O7C.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.4YZKRQQ7.js";
+} from "./chunk.43U4G2IJ.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.L7XK3MJG.js.map
+//# sourceMappingURL=chunk.GNRS6O7C.js.map

package/dist/chunks/{chunk.QIRJM4ZK.js → chunk.GUM46Q4C.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.QZOFT4O5.js";
+} from "./chunk.HC62IURD.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -38,7 +38,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.QIRJM4ZK.js.map
+//# sourceMappingURL=chunk.GUM46Q4C.js.map

package/dist/chunks/{chunk.2Y3ACHEN.js → chunk.GZGMFO4F.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.MWZI3VZE.js";
+} from "./chunk.7T5BETLQ.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.2Y3ACHEN.js.map
+//# sourceMappingURL=chunk.GZGMFO4F.js.map

package/dist/chunks/{chunk.TK2E463C.js → chunk.HBFWETVN.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.25ALHVS2.js";
+} from "./chunk.FZTHPJK4.js";
 import {
   compareValues,
   isAllowedValue
@@ -13,7 +13,7 @@ import {
 } from "./chunk.XTWO6ZZW.js";
 import {
   SynPopup
-} from "./chunk.5YMU72OI.js";
+} from "./chunk.WUWK44GL.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,7 +40,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.4YZKRQQ7.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -55,7 +55,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.TK2E463C.js.map
+//# sourceMappingURL=chunk.HBFWETVN.js.map

package/dist/chunks/{chunk.QZOFT4O5.js → chunk.HC62IURD.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.4YZKRQQ7.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.QZOFT4O5.js.map
+//# sourceMappingURL=chunk.HC62IURD.js.map

package/dist/chunks/{chunk.RJXINNOS.js → chunk.HD5XNWUK.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.MDQUR6FM.js";
+} from "./chunk.2RPKEUG4.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.RJXINNOS.js.map
+//# sourceMappingURL=chunk.HD5XNWUK.js.map

package/dist/chunks/{chunk.BW3QD5HO.js → chunk.HPDKIQ35.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.SDH23KZG.js";
+} from "./chunk.DMJX3FFJ.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.BW3QD5HO.js.map
+//# sourceMappingURL=chunk.HPDKIQ35.js.map

package/dist/chunks/{chunk.SORGSNOZ.js → chunk.HRGIJQSU.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.ZL3MR5JU.js";
+} from "./chunk.LAB5C5X4.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.SORGSNOZ.js.map
+//# sourceMappingURL=chunk.HRGIJQSU.js.map

package/dist/chunks/{chunk.GHBP6IR6.js → chunk.IE4FM7WD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.4YZKRQQ7.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.GHBP6IR6.js.map
+//# sourceMappingURL=chunk.IE4FM7WD.js.map

package/dist/chunks/{chunk.XI3U3LGD.js → chunk.IHY3HGRP.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.XI3U3LGD.js.map
+//# sourceMappingURL=chunk.IHY3HGRP.js.map

package/dist/chunks/{chunk.2WUD7OFA.js → chunk.IUD3Q3NF.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.FZXCPBOU.js";
+} from "./chunk.VS32UDTN.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.2WUD7OFA.js.map
+//# sourceMappingURL=chunk.IUD3Q3NF.js.map

package/dist/chunks/{chunk.GKA5WPFF.js → chunk.JK6P7JZN.js}

@@ -11,15 +11,33 @@ var radio_custom_styles_default = css`
     opacity: var(--syn-input-disabled-opacity);
   }
 
+  /* Checked */
+  /* stylelint-disable-next-line no-descending-specificity */
+  .radio--checked .radio__control {
+    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
+    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
+  }
+
   /* Checked + hover */
-  .radio.radio--checked:not(.radio--disabled):hover  .radio__control {
-    background-color: var(--syn-color-primary-950);
-    border-color: var(--syn-color-primary-950);
+  .radio.radio--checked:not(.radio--disabled) .radio__control:hover  {
+    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));
+    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));
+  }
+
+  /* Checked + active */
+  .radio.radio--checked:not(.radio--disabled) .radio__control:active  {
+    background-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));
+    border-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));
   }
 
-  /* Hover */
-  .radio:not(.radio--checked):not(.radio--disabled):hover .radio__control {
-    border-color: var(--syn-color-primary-900);
+  /* Not-Checked + Hover */
+  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {
+    border-color: var(--syn-input-border-color-hover);
+  }
+
+  /* Not-Checked + active */
+  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:active {
+    border-color: var(--syn-color-neutral-1000);
   }
 
   /* Fix#456: Multi line radio fixes */
@@ -43,6 +61,8 @@ var radio_custom_styles_default = css`
     top: -2px;
   }
 
+  /* /Fix#456 */
+
   /**
    * #920: The new icons are instances in figma.
    * The width of the system icon is 12px x 12px, so there is no inner padding.
@@ -52,21 +72,6 @@ var radio_custom_styles_default = css`
     scale: 0.5;
   }
 
-  /* /Fix#456 */
-
-  /* Size modifiers */
-  .radio--small {
-    --toggle-size: var(--syn-input-font-size-small);
-  }
-
-  .radio--medium {
-    --toggle-size: var(--syn-font-size-medium);
-  }
-
-  .radio--large {
-    --toggle-size: var(--syn-spacing-large);
-  }
-
   .radio--small .radio__label, .radio--large .radio__label  {
     margin-inline-start: var(--syn-spacing-x-small);
   }
@@ -75,4 +80,4 @@ var radio_custom_styles_default = css`
 export {
   radio_custom_styles_default
 };
-//# sourceMappingURL=chunk.GKA5WPFF.js.map
+//# sourceMappingURL=chunk.JK6P7JZN.js.map

package/dist/chunks/chunk.JK6P7JZN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio/radio.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host(:focus-visible) .radio__control {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  /** #429: Use token for opacity */\n  .radio--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /* Checked */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .radio--checked .radio__control {\n    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover  {\n    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));\n    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));\n  }\n\n  /* Checked + active */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:active  {\n    background-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));\n    border-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));\n  }\n\n  /* Not-Checked + Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  /* Not-Checked + active */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:active {\n    border-color: var(--syn-color-neutral-1000);\n  }\n\n  /* Fix#456: Multi line radio fixes */\n  .radio__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n    position: relative;\n  }\n\n  .radio--small .radio__label {\n    font: var(--syn-body-small-regular);\n    top: -3px;\n  }\n\n  .radio--medium .radio__label {\n    font: var(--syn-body-medium-regular);\n    top: -3px;\n  }\n\n  .radio--large .radio__label {\n    font: var(--syn-body-large-regular);\n    top: -2px;\n  }\n\n  /* /Fix#456 */\n\n  /**\n   * #920: The new icons are instances in figma.\n   * The width of the system icon is 12px x 12px, so there is no inner padding.\n   * To accommodate for this, we need to set the width and height of the icon to 50% to get the same result as before.\n   */\n  .radio__checked-icon {\n    scale: 0.5;\n  }\n\n  .radio--small .radio__label, .radio--large .radio__label  {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.OI46ENZM.js → chunk.JVQSSD5G.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.ZIPMXSSU.js";
+} from "./chunk.37AB4RU6.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.OI46ENZM.js.map
+//# sourceMappingURL=chunk.JVQSSD5G.js.map

package/dist/chunks/{chunk.4KR74CMY.js → chunk.K53TIC27.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.4KR74CMY.js.map
+//# sourceMappingURL=chunk.K53TIC27.js.map

package/dist/chunks/{chunk.3WGTSZAP.js → chunk.KOOFOC55.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.XI3U3LGD.js";
+} from "./chunk.IHY3HGRP.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.3WGTSZAP.js.map
+//# sourceMappingURL=chunk.KOOFOC55.js.map

package/dist/chunks/{chunk.BAU4EVQ5.js → chunk.KWRO3WC5.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.O2263HHU.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.BAU4EVQ5.js.map
+//# sourceMappingURL=chunk.KWRO3WC5.js.map

package/dist/chunks/{chunk.IHUH2ASF.js → chunk.L3JYZFUZ.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.TS345WC2.js";
+} from "./chunk.O23SZ5FE.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.IHUH2ASF.js.map
+//# sourceMappingURL=chunk.L3JYZFUZ.js.map