@synergy-design-system/components 2.35.0 → 2.37.0

package/dist/chunks/{chunk.UFNOEXUF.js → chunk.ML4VTAHP.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.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.UFNOEXUF.js.map
+//# sourceMappingURL=chunk.ML4VTAHP.js.map

package/dist/chunks/{chunk.S3HG4A73.js → chunk.MVEDYBC2.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.IDQQC4SZ.js";
+} from "./chunk.THAYYJIK.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.S3HG4A73.js.map
+//# sourceMappingURL=chunk.MVEDYBC2.js.map

package/dist/chunks/{chunk.HHYSMTYQ.js → chunk.N6RQUVT2.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.HHYSMTYQ.js.map
+//# sourceMappingURL=chunk.N6RQUVT2.js.map

package/dist/chunks/{chunk.73GDSLGR.js → chunk.NDD6MJDX.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.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -375,4 +375,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.73GDSLGR.js.map
+//# sourceMappingURL=chunk.NDD6MJDX.js.map

package/dist/chunks/{chunk.UI5Y2DGS.js → chunk.NWIDBLP5.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.DO3VTFPG.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.UI5Y2DGS.js.map
+//# sourceMappingURL=chunk.NWIDBLP5.js.map

package/dist/chunks/{chunk.WMRTMWLO.js → chunk.O3BSGTMP.js}

@@ -1,15 +1,15 @@
 import {
   nav_item_styles_default
-} from "./chunk.SHCZO4KK.js";
+} from "./chunk.5V47GZA4.js";
 import {
   SynDivider
-} from "./chunk.E5Q5IE2L.js";
+} from "./chunk.Z7HK2AZP.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.DO3VTFPG.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -354,4 +354,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.WMRTMWLO.js.map
+//# sourceMappingURL=chunk.O3BSGTMP.js.map

package/dist/chunks/{chunk.VUB7AUTU.js → chunk.OCJCQJRG.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.TSCTU4Z5.js";
+} from "./chunk.POLBZVKJ.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.VUB7AUTU.js.map
+//# sourceMappingURL=chunk.OCJCQJRG.js.map

package/dist/chunks/{chunk.PPBC2A4D.js → chunk.OJZ4TA2H.js}

@@ -1,6 +1,6 @@
 import {
   details_custom_styles_default
-} from "./chunk.PU2BDR2W.js";
+} from "./chunk.KX43XLOR.js";
 import {
   details_styles_default
 } from "./chunk.VA26EAEP.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.DO3VTFPG.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.PPBC2A4D.js.map
+//# sourceMappingURL=chunk.OJZ4TA2H.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.XLMTAQNW.js";
+} from "./chunk.JSPSHI27.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.OOE2YMN3.js.map

package/dist/chunks/{chunk.M5A5KVL7.js → chunk.PDNAUHBS.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.DW552CQN.js";
+} from "./chunk.2NDMO3KR.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.M5A5KVL7.js.map
+//# sourceMappingURL=chunk.PDNAUHBS.js.map

package/dist/chunks/{chunk.TSCTU4Z5.js → chunk.POLBZVKJ.js}

@@ -3,13 +3,13 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.ZTT7ZLYG.js";
+} from "./chunk.KHT3SXDS.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.LTNGZLJS.js";
+} from "./chunk.3QGKR6WP.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -330,4 +330,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.TSCTU4Z5.js.map
+//# sourceMappingURL=chunk.POLBZVKJ.js.map

package/dist/chunks/{chunk.VPXGBPBV.js → chunk.Q3HBCPLU.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.GRTFHVLZ.js";
+} from "./chunk.2OCZ2TBK.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.VPXGBPBV.js.map
+//# sourceMappingURL=chunk.Q3HBCPLU.js.map

package/dist/chunks/{chunk.ZJ7WVLF3.js → chunk.QSWKPBFP.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.IHPLG57I.js";
+} from "./chunk.F3T5JFJS.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.ZJ7WVLF3.js.map
+//# sourceMappingURL=chunk.QSWKPBFP.js.map

package/dist/chunks/{chunk.RATF44EV.js → chunk.QWVV77KY.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.WMRTMWLO.js";
+} from "./chunk.O3BSGTMP.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.RATF44EV.js.map
+//# sourceMappingURL=chunk.QWVV77KY.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.5BTH3IYF.js";
+} from "./chunk.UNEXTU6K.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.SUJP6FA3.js.map

package/dist/chunks/{chunk.I3OZNLMM.js → chunk.TAND6PH5.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -415,4 +415,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.I3OZNLMM.js.map
+//# sourceMappingURL=chunk.TAND6PH5.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.XG2E4YUG.js";
+} from "./chunk.2FGVPDNK.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.TB64UK3H.js.map

package/dist/chunks/{chunk.IDQQC4SZ.js → chunk.THAYYJIK.js}

@@ -1,9 +1,9 @@
 import {
   SynTag
-} from "./chunk.G6KAIGTJ.js";
+} from "./chunk.KI2YQUOS.js";
 import {
   select_custom_styles_default
-} from "./chunk.4DW7CR6A.js";
+} from "./chunk.DOOJ2WJ7.js";
 import {
   select_styles_default
 } from "./chunk.XTWO6ZZW.js";
@@ -13,14 +13,14 @@ import {
 } from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.I3OZNLMM.js";
+} from "./chunk.TAND6PH5.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.AERTEAG5.js";
+} from "./chunk.G4URZQCL.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -40,7 +40,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.4VA5RT47.js";
+} from "./chunk.DO3VTFPG.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -55,7 +55,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.IDQQC4SZ.js.map
+//# sourceMappingURL=chunk.THAYYJIK.js.map

package/dist/chunks/{chunk.HRRGC2YY.js → chunk.THB5JTCU.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.LTNGZLJS.js";
+} from "./chunk.3QGKR6WP.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.THB5JTCU.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.5PQO6UFV.js";
+} from "./chunk.MFNYXS3L.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.TXLUJHXR.js.map

package/dist/chunks/{chunk.5BTH3IYF.js → chunk.UNEXTU6K.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.5BTH3IYF.js.map
+//# sourceMappingURL=chunk.UNEXTU6K.js.map

package/dist/chunks/{chunk.7K7OU2RK.js → chunk.UW32CNTV.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.SV42BWCV.js";
+} from "./chunk.3FUFHMNW.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.7K7OU2RK.js.map
+//# sourceMappingURL=chunk.UW32CNTV.js.map

package/dist/chunks/{chunk.LSWX22UR.js → chunk.VAJ4V332.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.DZFLMUUI.js";
+} from "./chunk.44H5FTVJ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.LSWX22UR.js.map
+//# sourceMappingURL=chunk.VAJ4V332.js.map

package/dist/chunks/{chunk.RWKR5IQK.js → chunk.VCAMLCSZ.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.PPBC2A4D.js";
+} from "./chunk.OJZ4TA2H.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.RWKR5IQK.js.map
+//# sourceMappingURL=chunk.VCAMLCSZ.js.map

package/dist/chunks/{chunk.TXGDI2P7.js → chunk.VDNTOYHO.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.TXGDI2P7.js.map
+//# sourceMappingURL=chunk.VDNTOYHO.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.ITKE5EIU.js → chunk.W3EQ7P2G.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.5KRECKTA.js";
+} from "./chunk.DMPOPGWM.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.ITKE5EIU.js.map
+//# sourceMappingURL=chunk.W3EQ7P2G.js.map

package/dist/chunks/{chunk.VEXCRQM4.js → chunk.W3HO2MWD.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.DO3VTFPG.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.VEXCRQM4.js.map
+//# sourceMappingURL=chunk.W3HO2MWD.js.map

package/dist/chunks/{chunk.K6ZDOHMR.js → chunk.WHMSQOLY.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QJUAY4YD.js";
+} from "./chunk.AFZ5JDGZ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -89,4 +89,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.K6ZDOHMR.js.map
+//# sourceMappingURL=chunk.WHMSQOLY.js.map

package/dist/chunks/{chunk.DR7U5IWC.js → chunk.XKEL7VB6.js}

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

package/dist/chunks/{chunk.FVZ56RQA.js → chunk.XQQ3YLO6.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.E5Q5IE2L.js";
+} from "./chunk.Z7HK2AZP.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.FVZ56RQA.js.map
+//# sourceMappingURL=chunk.XQQ3YLO6.js.map