@synergy-design-system/components 2.54.0 → 2.56.0

package/dist/chunks/{chunk.5V3G7VCS.js → chunk.2BRHBN4M.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.K53TIC27.js";
+} from "./chunk.3TWUDTOS.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.5V3G7VCS.js.map
+//# sourceMappingURL=chunk.2BRHBN4M.js.map

package/dist/chunks/{chunk.3BU2VVUA.js → chunk.2M2TS6UV.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.AYMXC7KJ.js";
+} from "./chunk.IMVL6MFD.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.3BU2VVUA.js.map
+//# sourceMappingURL=chunk.2M2TS6UV.js.map

package/dist/chunks/{chunk.WX2UMH5J.js → chunk.3KCPDZB2.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.A5RYBBGV.js";
+} from "./chunk.FGLWFI2I.js";
 import {
   range_styles_default
 } from "./chunk.UFNQFJO6.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -716,4 +716,4 @@ SynRange = __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.WX2UMH5J.js.map
+//# sourceMappingURL=chunk.3KCPDZB2.js.map

package/dist/chunks/{chunk.2OXFSTYL.js → chunk.3P4CG43C.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.GUM46Q4C.js";
+} from "./chunk.HHHP6VQK.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.2OXFSTYL.js.map
+//# sourceMappingURL=chunk.3P4CG43C.js.map

package/dist/chunks/{chunk.K53TIC27.js → chunk.3TWUDTOS.js}

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

package/dist/chunks/{chunk.DMJX3FFJ.js → chunk.3VKQTPZV.js}

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

package/dist/chunks/{chunk.HD5XNWUK.js → chunk.43OHXBRQ.js}

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

package/dist/chunks/{chunk.LMYZZCND.js → chunk.4QO5GTLU.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.HC62IURD.js";
+} from "./chunk.VD2ML5DE.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.LMYZZCND.js.map
+//# sourceMappingURL=chunk.4QO5GTLU.js.map

package/dist/chunks/{chunk.OQE3QLX3.js → chunk.5AZYIPPS.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.5YUYIS77.js";
+} from "./chunk.N2TRT4U7.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.HC62IURD.js";
+} from "./chunk.VD2ML5DE.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass,
   __spreadValues
@@ -515,4 +515,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.OQE3QLX3.js.map
+//# sourceMappingURL=chunk.5AZYIPPS.js.map

package/dist/chunks/{chunk.7T5BETLQ.js → chunk.5DIYHRG2.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButton
-} from "./chunk.O23SZ5FE.js";
+} from "./chunk.GHL4OBTW.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.43U4G2IJ.js";
+} from "./chunk.HWG2QJRY.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.7T5BETLQ.js.map
+//# sourceMappingURL=chunk.5DIYHRG2.js.map

package/dist/chunks/{chunk.B4UZ62D5.js → chunk.5KG3NJAB.js}

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

package/dist/chunks/{chunk.ALZUEIS3.js → chunk.5XSVPP5W.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.WUWK44GL.js";
+} from "./chunk.QPZWLYEB.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.ALZUEIS3.js.map
+//# sourceMappingURL=chunk.5XSVPP5W.js.map

package/dist/chunks/{chunk.7DKVFNKX.js → chunk.6HVVZBZX.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.7DKVFNKX.js.map
+//# sourceMappingURL=chunk.6HVVZBZX.js.map

package/dist/chunks/{chunk.F76DB54C.js → chunk.7L4HUWVK.js}

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

package/dist/chunks/{chunk.PBTDFROP.js → chunk.7MBFR42U.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.FBKU7UVM.js";
+} from "./chunk.NKEUXL3C.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.PBTDFROP.js.map
+//# sourceMappingURL=chunk.7MBFR42U.js.map

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

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

package/dist/chunks/{chunk.37GVVB3S.js → chunk.B5MVZTN3.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.UH4LQPNP.js";
+} from "./chunk.PKISLDRE.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.37GVVB3S.js.map
+//# sourceMappingURL=chunk.B5MVZTN3.js.map

package/dist/chunks/{chunk.URDFH2SA.js → chunk.BITXQT64.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.LMYZZCND.js";
+} from "./chunk.4QO5GTLU.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.URDFH2SA.js.map
+//# sourceMappingURL=chunk.BITXQT64.js.map

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

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

package/dist/chunks/{chunk.MKE5NLAA.js → chunk.BVYV3PDY.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.W4CDHY6B.js";
+} from "./chunk.DDR5XL67.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.MKE5NLAA.js.map
+//# sourceMappingURL=chunk.BVYV3PDY.js.map

package/dist/chunks/{chunk.37AB4RU6.js → chunk.BZWZZ4IB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EHSNF4SS.js";
 import {
   SynIcon
-} from "./chunk.43U4G2IJ.js";
+} from "./chunk.HWG2QJRY.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.37AB4RU6.js.map
+//# sourceMappingURL=chunk.BZWZZ4IB.js.map

package/dist/chunks/{chunk.LLJ2CH4V.js → chunk.C6OWUF2A.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.43U4G2IJ.js";
+} from "./chunk.HWG2QJRY.js";
 import {
   breadcrumb_custom_styles_default
 } from "./chunk.32CYREEV.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.LLJ2CH4V.js.map
+//# sourceMappingURL=chunk.C6OWUF2A.js.map

package/dist/chunks/{chunk.KOOFOC55.js → chunk.CCI7LFFO.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.IHY3HGRP.js";
+} from "./chunk.OXXFD6M6.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.KOOFOC55.js.map
+//# sourceMappingURL=chunk.CCI7LFFO.js.map

package/dist/chunks/{chunk.QPENWPKD.js → chunk.CSF6BBUX.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.IE4FM7WD.js";
+} from "./chunk.QM3QBFSB.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.QPENWPKD.js.map
+//# sourceMappingURL=chunk.CSF6BBUX.js.map

package/dist/chunks/{chunk.RYHYFSCR.js → chunk.CTVYGLAC.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   badge_custom_styles_default
 } from "./chunk.NQ4HEUZZ.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.RYHYFSCR.js.map
+//# sourceMappingURL=chunk.CTVYGLAC.js.map

package/dist/chunks/{chunk.UUO3NY3M.js → chunk.D3IYBK43.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.V7XBZ2JY.js";
+} from "./chunk.HZFVQ4EA.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.UUO3NY3M.js.map
+//# sourceMappingURL=chunk.D3IYBK43.js.map

package/dist/chunks/{chunk.W4CDHY6B.js → chunk.DDR5XL67.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.W4CDHY6B.js.map
+//# sourceMappingURL=chunk.DDR5XL67.js.map

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

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

package/dist/chunks/{chunk.3QYBPNXR.js → chunk.ESOR5SLZ.js}

@@ -2,14 +2,14 @@
 import { css } from "lit";
 var switch_custom_styles_default = css`
   :host([size='small']) {
-    --height: calc(var(--syn-font-size-medium) + 2px);
-    --thumb-size: var(--syn-font-size-small);
+    --height: calc(var(--syn-toggle-size-medium) + 2px);
+    --thumb-size: var(--syn-toggle-size-small);
     --width: calc((var(--height) * 2) - 6px);
   }
 
   :host([size='medium']) {
-    --height: var(--syn-font-size-large);
-    --thumb-size: var(--syn-font-size-medium);
+    --height: calc(var(--syn-toggle-size-medium) + 4px);
+    --thumb-size: var(--syn-toggle-size-medium);
     --width: calc((var(--height) * 2) - 6px);
   }
 
@@ -42,18 +42,24 @@ var switch_custom_styles_default = css`
   }
 
   .switch__control {
-    background-color: var(--syn-color-neutral-600);
-    border: solid var(--syn-border-width-medium) var(--syn-color-neutral-600);
+    background-color: var(--syn-input-icon-icon-clearable-color);
+    border: solid var(--syn-border-width-medium) var(--syn-input-icon-icon-clearable-color);
   }
 
-   .switch__control .switch__thumb {
+  .switch__control .switch__thumb {
     border: none;
-   }
+  }
+
+  /* Checked */
+  .switch--checked .switch__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));
+  }
 
   /* Hover */
   .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {
-    background-color: var(--syn-color-neutral-900);
-    border-color: var(--syn-color-neutral-900);
+    background-color: var(--syn-input-icon-icon-clearable-color-hover);
+    border-color: var(--syn-input-icon-icon-clearable-color-hover);
   }
 
   .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb {
@@ -62,8 +68,8 @@ var switch_custom_styles_default = css`
 
   /* Checked + hover */
   .switch.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--syn-color-primary-900);
-    border-color: var(--syn-color-primary-900);
+    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
+    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
   }
 
   .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
@@ -72,8 +78,8 @@ var switch_custom_styles_default = css`
 
   /* Focus */
   .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--syn-color-neutral-600);
-    border-color: var(--syn-color-neutral-600);
+    background-color: var(--syn-input-icon-icon-clearable-color);
+    border-color: var(--syn-input-icon-icon-clearable-color);
     outline: var(--syn-focus-ring);
     outline-offset: var(--syn-focus-ring-offset);
   }
@@ -85,8 +91,8 @@ var switch_custom_styles_default = css`
 
   /* Checked + focus */
   .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--syn-color-primary-900);
-    border-color: var(--syn-color-primary-900);
+    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
+    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
     outline: var(--syn-focus-ring);
     outline-offset: var(--syn-focus-ring-offset);
   }
@@ -101,17 +107,17 @@ var switch_custom_styles_default = css`
   }
   
   :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control {
-    background-color: var(--syn-color-error-700);
-    border-color: var(--syn-color-error-700);
+    background-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));
+    border-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));
   }
 
   :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {
-    background-color: var(--syn-color-error-900);
-    border-color: var(--syn-color-error-900);
+    background-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));
+    border-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));
   }
   `;
 
 export {
   switch_custom_styles_default
 };
-//# sourceMappingURL=chunk.3QYBPNXR.js.map
+//# sourceMappingURL=chunk.ESOR5SLZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/switch/switch.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host([size='small']) {\n    --height: calc(var(--syn-toggle-size-medium) + 2px);\n    --thumb-size: var(--syn-toggle-size-small);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  :host([size='medium']) {\n    --height: calc(var(--syn-toggle-size-medium) + 4px);\n    --thumb-size: var(--syn-toggle-size-medium);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  :host([size='large']) {\n    --height: calc(var(--syn-toggle-size-large) + 4px);\n    --thumb-size: var(--syn-toggle-size-large);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  /** #429: Use token for opacity */\n  .switch--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .switch.switch--small {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--medium {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--large {\n    padding: var(--syn-spacing-3x-small) 0;\n  }\n\n  /* Hint: can be removed, if the padding stylings for sizes from above are removed */\n  .form-control--has-help-text .switch {\n    padding-bottom: 0;\n  }\n\n  .switch__control {\n    background-color: var(--syn-input-icon-icon-clearable-color);\n    border: solid var(--syn-border-width-medium) var(--syn-input-icon-icon-clearable-color);\n  }\n\n  .switch__control .switch__thumb {\n    border: none;\n  }\n\n  /* Checked */\n  .switch--checked .switch__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  /* Hover */\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-input-icon-icon-clearable-color-hover);\n    border-color: var(--syn-input-icon-icon-clearable-color-hover);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /* Checked + hover */\n  .switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n  }\n\n  .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /* Focus */\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {\n    background-color: var(--syn-input-icon-icon-clearable-color);\n    border-color: var(--syn-input-icon-icon-clearable-color);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  /* Checked + focus */\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__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    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  .switch__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n  \n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control {\n    background-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));\n    border-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));\n  }\n\n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));\n    border-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));\n  }\n  `;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,+BAAQ;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;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.QXZENIDN.js → chunk.EYHJQOF6.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.QXZENIDN.js.map
+//# sourceMappingURL=chunk.EYHJQOF6.js.map

package/dist/chunks/{chunk.ANW6MLNF.js → chunk.FFZX7A5V.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.HC62IURD.js";
+} from "./chunk.VD2ML5DE.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.4YBDMVKQ.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.ANW6MLNF.js.map
+//# sourceMappingURL=chunk.FFZX7A5V.js.map