@synergy-design-system/components 2.52.0 → 2.54.0

package/dist/chunks/{chunk.6CM22U2Q.js → chunk.B4UZ62D5.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.QIGVHWQP.js";
+} from "./chunk.PMYVGV3I.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.6CM22U2Q.js.map
+//# sourceMappingURL=chunk.B4UZ62D5.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.7BDEX5UD.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.MRCDQ7ZY.js.map
+//# sourceMappingURL=chunk.BGQ5EYDU.js.map

package/dist/chunks/{chunk.25MFH4GO.js → chunk.BHFSOLTN.js}

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

package/dist/chunks/{chunk.2UUZYM37.js → chunk.BUQMYSAN.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.OJ3N7TWP.js";
 import {
   SynNavItem
-} from "./chunk.PZXAY34R.js";
+} from "./chunk.VDPIY3EO.js";
 import {
   SynMenu
-} from "./chunk.G6NFEJHR.js";
+} from "./chunk.SRDB4IM3.js";
 import {
   SynDropdown
-} from "./chunk.A5YQBM2Q.js";
+} from "./chunk.VNCS4M7O.js";
 import {
   SynIcon
-} from "./chunk.DAEBV47L.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.OLWHJDZ2.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.2UUZYM37.js.map
+//# sourceMappingURL=chunk.BUQMYSAN.js.map

package/dist/chunks/{chunk.7L2AYIW7.js → chunk.CJUK2P4J.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.BJZQJLKZ.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.7L2AYIW7.js.map
+//# sourceMappingURL=chunk.CJUK2P4J.js.map

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

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

package/dist/chunks/{chunk.RZ25ONFH.js → chunk.CZO3KI6S.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.445JGW4F.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.RZ25ONFH.js.map
+//# sourceMappingURL=chunk.CZO3KI6S.js.map

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

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

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

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.2ZF4FU6Z.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.FDNYQDSD.js.map
+//# sourceMappingURL=chunk.F76DB54C.js.map

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

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

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

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

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

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.PZXAY34R.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.QAXDQ4EX.js.map
+//# sourceMappingURL=chunk.FRODSWRT.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.L2B3GWRH.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.UUDVBFYF.js.map
+//# sourceMappingURL=chunk.FTDLMP4Q.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.PPVLN3OP.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.GJKNRQQF.js.map
+//# sourceMappingURL=chunk.FTVF2NQS.js.map

package/dist/chunks/{chunk.ZTBCADH2.js → chunk.FZTHPJK4.js}

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

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

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.DAEBV47L.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.ZVE56TN6.js.map
+//# sourceMappingURL=chunk.GNRS6O7C.js.map

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

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

package/dist/chunks/{chunk.BEUXEGPQ.js → chunk.GZGMFO4F.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.RLSKJSQH.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.BEUXEGPQ.js.map
+//# sourceMappingURL=chunk.GZGMFO4F.js.map

package/dist/chunks/{chunk.445JGW4F.js → chunk.HBFWETVN.js}

@@ -1,19 +1,19 @@
 import {
   SynTag
-} from "./chunk.ZTBCADH2.js";
+} from "./chunk.FZTHPJK4.js";
+import {
+  compareValues,
+  isAllowedValue
+} from "./chunk.VECCQZP5.js";
 import {
   select_custom_styles_default
 } from "./chunk.O4QFINH7.js";
 import {
   select_styles_default
 } from "./chunk.XTWO6ZZW.js";
-import {
-  compareValues,
-  isAllowedValue
-} from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.HMCNI7NC.js";
+} from "./chunk.WUWK44GL.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,7 +40,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.DAEBV47L.js";
+} from "./chunk.43U4G2IJ.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -55,7 +55,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.OLWHJDZ2.js";
+} from "./chunk.4YBDMVKQ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.445JGW4F.js.map
+//# sourceMappingURL=chunk.HBFWETVN.js.map

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

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

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

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.M74YP4U4.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.QOOBUB6G.js.map
+//# sourceMappingURL=chunk.HD5XNWUK.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.QGOKPXVX.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.BNVQL2NS.js.map
+//# sourceMappingURL=chunk.HPDKIQ35.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.FLFM6AX7.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.PL37LD5I.js.map
+//# sourceMappingURL=chunk.HRGIJQSU.js.map

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

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

package/dist/chunks/{chunk.3N2473S5.js → chunk.IHY3HGRP.js}

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

package/dist/chunks/{chunk.7L7SXEH6.js → chunk.IUD3Q3NF.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.WNMCXPVG.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.7L7SXEH6.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.ZHVM5PPX.js → chunk.JVQSSD5G.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.COMOXB23.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.ZHVM5PPX.js.map
+//# sourceMappingURL=chunk.JVQSSD5G.js.map

package/dist/chunks/{chunk.FCR75S6R.js → chunk.K53TIC27.js}

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

package/dist/chunks/{chunk.B2CS6GGA.js → chunk.KFKQ3W6V.js}

@@ -1,9 +1,9 @@
-import {
-  library_system_default
-} from "./chunk.TQLPO53Q.js";
 import {
   library_default_default
 } from "./chunk.YTEJW7IF.js";
+import {
+  library_system_default
+} from "./chunk.TQLPO53Q.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_system_default];
@@ -42,4 +42,4 @@ export {
   registerIconLibrary,
   unregisterIconLibrary
 };
-//# sourceMappingURL=chunk.B2CS6GGA.js.map
+//# sourceMappingURL=chunk.KFKQ3W6V.js.map