@synergy-design-system/components 2.35.0 → 2.36.0

package/dist/chunks/{chunk.MRA4XPU4.js → chunk.NF6PHPUQ.js}

@@ -1,16 +1,16 @@
 import {
   file_styles_default
-} from "./chunk.IKZOQ7AE.js";
+} from "./chunk.CW2Q7KG6.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.AERTEAG5.js";
+} from "./chunk.G4URZQCL.js";
 import {
   SynButton
-} from "./chunk.ZEYX7C5V.js";
+} from "./chunk.YCKRKI67.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.HSVM3CLE.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.MRA4XPU4.js.map
+//# sourceMappingURL=chunk.NF6PHPUQ.js.map

package/dist/chunks/{chunk.652F5XWB.js → chunk.NNWRMJY4.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.3KSTKO5I.js";
+} from "./chunk.E4JXQFBZ.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.652F5XWB.js.map
+//# sourceMappingURL=chunk.NNWRMJY4.js.map

package/dist/chunks/{chunk.WRLYXKKC.js → chunk.NREM2UP5.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.5BTH3IYF.js";
+} from "./chunk.JT2XJ3O5.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.WRLYXKKC.js.map
+//# sourceMappingURL=chunk.NREM2UP5.js.map

package/dist/chunks/{chunk.OL7JOEWW.js → chunk.NTIHG2L4.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.OL7JOEWW.js.map
+//# sourceMappingURL=chunk.NTIHG2L4.js.map

package/dist/chunks/{chunk.5V52TK7M.js → chunk.O7AOJ6PC.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.5V52TK7M.js.map
+//# sourceMappingURL=chunk.O7AOJ6PC.js.map

package/dist/chunks/{chunk.VC2Y4XOG.js → chunk.OHLII7PR.js}

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

package/dist/chunks/{chunk.UFNOEXUF.js → chunk.P3732GTG.js}

@@ -1,6 +1,6 @@
 import {
   switch_custom_styles_default
-} from "./chunk.W5JK7V7K.js";
+} from "./chunk.3QYBPNXR.js";
 import {
   switch_styles_default
 } from "./chunk.4TB35TYG.js";
@@ -10,7 +10,7 @@ import {
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.AERTEAG5.js";
+} from "./chunk.G4URZQCL.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.UFNOEXUF.js.map
+//# sourceMappingURL=chunk.P3732GTG.js.map

package/dist/chunks/{chunk.7BGVLHIA.js → chunk.P6HVZ7PG.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.7BGVLHIA.js.map
+//# sourceMappingURL=chunk.P6HVZ7PG.js.map

package/dist/chunks/{chunk.G6KAIGTJ.js → chunk.PCXB5R6D.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.DZFLMUUI.js";
+} from "./chunk.SVDRQA5H.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.G6KAIGTJ.js.map
+//# sourceMappingURL=chunk.PCXB5R6D.js.map

package/dist/chunks/{chunk.NNUZVMCX.js → chunk.PYPU3YRJ.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.XLMTAQNW.js";
+} from "./chunk.FPGDLRTS.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.NNUZVMCX.js.map
+//# sourceMappingURL=chunk.PYPU3YRJ.js.map

package/dist/chunks/{chunk.5DRUEWHQ.js → chunk.QW6F2RQX.js}

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

package/dist/chunks/{chunk.KGBBUUHS.js → chunk.QYPVHG3M.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.5V52TK7M.js";
+} from "./chunk.O7AOJ6PC.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.DZFLMUUI.js";
+} from "./chunk.SVDRQA5H.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass,
   __spreadValues
@@ -515,4 +515,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.KGBBUUHS.js.map
+//# sourceMappingURL=chunk.QYPVHG3M.js.map

package/dist/chunks/{chunk.HQSNEDLJ.js → chunk.REVMNZOB.js}

@@ -7,10 +7,10 @@ import {
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.AERTEAG5.js";
+} from "./chunk.G4URZQCL.js";
 import {
   SynButtonGroup
-} from "./chunk.K6ZDOHMR.js";
+} from "./chunk.7O5DT7HM.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.HQSNEDLJ.js.map
+//# sourceMappingURL=chunk.REVMNZOB.js.map

package/dist/chunks/{chunk.ERM4GPJA.js → chunk.RTXQWRBQ.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.LSWX22UR.js";
+} from "./chunk.2F4OGGAM.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.ERM4GPJA.js.map
+//# sourceMappingURL=chunk.RTXQWRBQ.js.map

package/dist/chunks/{chunk.VS76PRPX.js → chunk.RYYWBTPI.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.XG2E4YUG.js";
+} from "./chunk.37UF34AR.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.VS76PRPX.js.map
+//# sourceMappingURL=chunk.RYYWBTPI.js.map

package/dist/chunks/{chunk.5KRECKTA.js → chunk.SLXFWJDN.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G76BKD7B.js";
 import {
   SynPopup
-} from "./chunk.I3OZNLMM.js";
+} from "./chunk.MEMVBCHQ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.5KRECKTA.js.map
+//# sourceMappingURL=chunk.SLXFWJDN.js.map

package/dist/chunks/{chunk.DZFLMUUI.js → chunk.SVDRQA5H.js}

@@ -1,12 +1,12 @@
 import {
   icon_button_custom_styles_default
-} from "./chunk.6QYKWCSO.js";
+} from "./chunk.YST4XUIG.js";
 import {
   icon_button_styles_default
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.HSVM3CLE.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.DZFLMUUI.js.map
+//# sourceMappingURL=chunk.SVDRQA5H.js.map

package/dist/chunks/{chunk.GDYTJLQR.js → chunk.SZVUPR7J.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.GDYTJLQR.js.map
+//# sourceMappingURL=chunk.SZVUPR7J.js.map

package/dist/chunks/{chunk.VEXCRQM4.js → chunk.TN7YPQTM.js}

@@ -1,12 +1,12 @@
 import {
   radio_custom_styles_default
-} from "./chunk.UUB3PWNM.js";
+} from "./chunk.34TP5THB.js";
 import {
   radio_styles_default
 } from "./chunk.EHSNF4SS.js";
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.HSVM3CLE.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.VEXCRQM4.js.map
+//# sourceMappingURL=chunk.TN7YPQTM.js.map

package/dist/chunks/{chunk.JWSKTZWZ.js → chunk.TPWNADQ2.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.5CVR7LNC.js";
+} from "./chunk.63LU76VZ.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.JWSKTZWZ.js.map
+//# sourceMappingURL=chunk.TPWNADQ2.js.map

package/dist/chunks/{chunk.GVTOUMYU.js → chunk.TRBJX4JP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.I3OZNLMM.js";
+} from "./chunk.MEMVBCHQ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.GVTOUMYU.js.map
+//# sourceMappingURL=chunk.TRBJX4JP.js.map

package/dist/chunks/{chunk.37RHIHIK.js → chunk.TWFWDWWD.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.K6ZDOHMR.js";
+} from "./chunk.7O5DT7HM.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.37RHIHIK.js.map
+//# sourceMappingURL=chunk.TWFWDWWD.js.map

package/dist/chunks/{chunk.UBS3CSG4.js → chunk.VWY2RG4F.js}

@@ -184,6 +184,11 @@ var button_custom_styles_default = css`
     font-size: var(--syn-font-size-2x-large);
   }
 
+  /** #429: Use token for opacity */
+  .button--disabled { 
+    opacity: var(--syn-input-disabled-opacity);
+  }
+
   /*
    * Caret modifier
    */
@@ -203,4 +208,4 @@ var button_custom_styles_default = css`
 export {
   button_custom_styles_default
 };
-//# sourceMappingURL=chunk.UBS3CSG4.js.map
+//# sourceMappingURL=chunk.VWY2RG4F.js.map

package/dist/chunks/{chunk.UBS3CSG4.js.map → chunk.VWY2RG4F.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/button/button.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .button {\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  .button:focus-visible {\n    outline: var(--syn-focus-ring-color) solid var(--syn-focus-ring-width);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  /*\n   * Adjustments for button label paddings\n   * @see https://github.com/synergy-design-system/synergy-design-system/issues/243\n   */\n  .button--has-prefix.button--small .button__label {\n    padding-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .button--has-suffix.button--small .button__label,\n  .button--caret.button--small .button__label {\n    padding-inline-end: var(--syn-spacing-2x-small);\n  }\n\n  .button--has-prefix.button--medium .button__label {\n    padding-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .button--has-suffix.button--medium .button__label,\n  .button--caret.button--medium .button__label {\n    padding-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Icon-only buttons\n   */\n  .button--small .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-x-small) + var(--syn-spacing-4x-small));\n  }\n\n  .button--small .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n    vertical-align: -3px;\n  }\n\n  .button--medium .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-small) - var(--syn-spacing-4x-small));\n  }\n\n  .button--medium .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    vertical-align: -6px;\n  }\n\n  .button--large .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-medium) - var(--syn-spacing-4x-small));\n  }\n\n  .button--large .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n    vertical-align: -8px;\n  }\n\n\n  /**\n   * Size modifiers\n   */\n  .button.button--medium.button--has-label .button__label {\n    font-size: var(--syn-font-size-medium);\n  } \n\n  .button.button--large.button--has-label .button__label {\n    font-size: var(--syn-font-size-large);\n  }\n\n  /*\n   * Standard buttons\n   */\n  .button--filled.button--primary.button--disabled {\n    background-color: var(--syn-color-neutral-600);\n    border-color: var(--syn-color-neutral-600);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .button--filled.button--primary:hover:not(.button--disabled) {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .button--filled.button--primary:active:not(.button--disabled) {\n    background-color: var(--syn-color-primary-950);\n    border-color: var(--syn-color-primary-950);\n    color: var(--syn-color-neutral-0);\n  }\n\n  /*\n   * Outline buttons\n   */\n  .button--outline.button--primary.button--disabled {\n    background: none;\n    border-color: var(--syn-color-neutral-600);\n    color: var(--syn-color-neutral-600);\n  }\n\n  .button--outline.button--primary:hover:not(.button--disabled),\n  .button--outline.button--primary.button--checked:not(.button--disabled) {\n    background: none;\n    border-color: var(--syn-color-primary-900);\n    color: var(--syn-color-primary-900);\n  }\n\n  .button--outline.button--primary:active:not(.button--disabled) {\n    background: inherit;\n    border-color:  var(--syn-color-primary-950);\n    color:  var(--syn-color-primary-950);\n  }\n\n  /*\n   * Text buttons\n   */\n  .button--text:hover:not(.button--disabled) {\n    color: var(--syn-color-primary-900);\n  }\n\n  .button--text.button--primary:active:not(.button--disabled) {\n    background: inherit;\n    border-color: transparent;\n    color:  var(--syn-color-primary-950);\n  }\n\n  .button--text.button--primary.button--disabled {\n    color: var(--syn-color-neutral-600);\n  }\n\n  /**\n   * Button spacing\n   */\n  .button.button--small.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-small);\n  }\n\n  .button.button--small.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  .button.button--small.button--has-prefix .button__prefix, \n  .button.button--small.button--has-suffix .button__suffix {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .button.button--medium.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-medium);\n  } \n\n  .button.button--medium.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-medium);\n  }\n\n  .button.button--medium.button--has-prefix .button__prefix, \n  .button.button--medium.button--has-suffix .button__suffix {\n    font-size: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-prefix .button__label {\n    padding-inline-start: var(--syn-spacing-small);\n  }\n\n  .button.button--large.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-suffix .button__label {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  .button.button--large.button--has-prefix .button__prefix, \n  .button.button--large.button--has-suffix .button__suffix {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n  /*\n   * Caret modifier\n   */\n  .button--caret.button--small .button__caret{\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .button--caret.button--medium .button__caret{\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .button--caret.button--large .button__caret{\n    font-size: var(--syn-font-size-2x-large);\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;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;",
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .button {\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  .button:focus-visible {\n    outline: var(--syn-focus-ring-color) solid var(--syn-focus-ring-width);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  /*\n   * Adjustments for button label paddings\n   * @see https://github.com/synergy-design-system/synergy-design-system/issues/243\n   */\n  .button--has-prefix.button--small .button__label {\n    padding-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .button--has-suffix.button--small .button__label,\n  .button--caret.button--small .button__label {\n    padding-inline-end: var(--syn-spacing-2x-small);\n  }\n\n  .button--has-prefix.button--medium .button__label {\n    padding-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .button--has-suffix.button--medium .button__label,\n  .button--caret.button--medium .button__label {\n    padding-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Icon-only buttons\n   */\n  .button--small .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-x-small) + var(--syn-spacing-4x-small));\n  }\n\n  .button--small .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n    vertical-align: -3px;\n  }\n\n  .button--medium .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-small) - var(--syn-spacing-4x-small));\n  }\n\n  .button--medium .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    vertical-align: -6px;\n  }\n\n  .button--large .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-medium) - var(--syn-spacing-4x-small));\n  }\n\n  .button--large .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n    vertical-align: -8px;\n  }\n\n\n  /**\n   * Size modifiers\n   */\n  .button.button--medium.button--has-label .button__label {\n    font-size: var(--syn-font-size-medium);\n  } \n\n  .button.button--large.button--has-label .button__label {\n    font-size: var(--syn-font-size-large);\n  }\n\n  /*\n   * Standard buttons\n   */\n  .button--filled.button--primary.button--disabled {\n    background-color: var(--syn-color-neutral-600);\n    border-color: var(--syn-color-neutral-600);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .button--filled.button--primary:hover:not(.button--disabled) {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .button--filled.button--primary:active:not(.button--disabled) {\n    background-color: var(--syn-color-primary-950);\n    border-color: var(--syn-color-primary-950);\n    color: var(--syn-color-neutral-0);\n  }\n\n  /*\n   * Outline buttons\n   */\n  .button--outline.button--primary.button--disabled {\n    background: none;\n    border-color: var(--syn-color-neutral-600);\n    color: var(--syn-color-neutral-600);\n  }\n\n  .button--outline.button--primary:hover:not(.button--disabled),\n  .button--outline.button--primary.button--checked:not(.button--disabled) {\n    background: none;\n    border-color: var(--syn-color-primary-900);\n    color: var(--syn-color-primary-900);\n  }\n\n  .button--outline.button--primary:active:not(.button--disabled) {\n    background: inherit;\n    border-color:  var(--syn-color-primary-950);\n    color:  var(--syn-color-primary-950);\n  }\n\n  /*\n   * Text buttons\n   */\n  .button--text:hover:not(.button--disabled) {\n    color: var(--syn-color-primary-900);\n  }\n\n  .button--text.button--primary:active:not(.button--disabled) {\n    background: inherit;\n    border-color: transparent;\n    color:  var(--syn-color-primary-950);\n  }\n\n  .button--text.button--primary.button--disabled {\n    color: var(--syn-color-neutral-600);\n  }\n\n  /**\n   * Button spacing\n   */\n  .button.button--small.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-small);\n  }\n\n  .button.button--small.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  .button.button--small.button--has-prefix .button__prefix, \n  .button.button--small.button--has-suffix .button__suffix {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .button.button--medium.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-medium);\n  } \n\n  .button.button--medium.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-medium);\n  }\n\n  .button.button--medium.button--has-prefix .button__prefix, \n  .button.button--medium.button--has-suffix .button__suffix {\n    font-size: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-prefix .button__label {\n    padding-inline-start: var(--syn-spacing-small);\n  }\n\n  .button.button--large.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-suffix .button__label {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  .button.button--large.button--has-prefix .button__prefix, \n  .button.button--large.button--has-suffix .button__suffix {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n  /** #429: Use token for opacity */\n  .button--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /*\n   * Caret modifier\n   */\n  .button--caret.button--small .button__caret{\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .button--caret.button--medium .button__caret{\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .button--caret.button--large .button__caret{\n    font-size: var(--syn-font-size-2x-large);\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;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.HRRGC2YY.js → chunk.W7RZFIF7.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.LTNGZLJS.js";
+} from "./chunk.IVAIGM24.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.HRRGC2YY.js.map
+//# sourceMappingURL=chunk.W7RZFIF7.js.map

package/dist/chunks/{chunk.73GDSLGR.js → chunk.WBMGR2F7.js}

@@ -1,6 +1,6 @@
 import {
   textarea_custom_styles_default
-} from "./chunk.YBIBWRKC.js";
+} from "./chunk.HQIVMAQI.js";
 import {
   textarea_styles_default
 } from "./chunk.FQWBH6B3.js";
@@ -10,7 +10,7 @@ import {
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.AERTEAG5.js";
+} from "./chunk.G4URZQCL.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -375,4 +375,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.73GDSLGR.js.map
+//# sourceMappingURL=chunk.WBMGR2F7.js.map

package/dist/chunks/{chunk.BREJYNAC.js → chunk.WGPNUDPF.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.5PQO6UFV.js";
+} from "./chunk.DQVDY56S.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.BREJYNAC.js.map
+//# sourceMappingURL=chunk.WGPNUDPF.js.map

package/dist/chunks/{chunk.JWUGHFUS.js → chunk.X4FBAXZQ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.JWUGHFUS.js.map
+//# sourceMappingURL=chunk.X4FBAXZQ.js.map

package/dist/chunks/{chunk.H7H6X2QD.js → chunk.X6V3ZACS.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.5OJFKC6H.js";
+} from "./chunk.EHACEJP5.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.H7H6X2QD.js.map
+//# sourceMappingURL=chunk.X6V3ZACS.js.map

package/dist/chunks/{chunk.NC5YH2BX.js → chunk.XTP46CS3.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.HSVM3CLE.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.EVVMEYAT.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.NC5YH2BX.js.map
+//# sourceMappingURL=chunk.XTP46CS3.js.map

package/dist/chunks/{chunk.ELW4NLFW.js → chunk.XY2IFM6I.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.IH35LOE2.js";
+} from "./chunk.YLPQ3K4I.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.ELW4NLFW.js.map
+//# sourceMappingURL=chunk.XY2IFM6I.js.map