@synergy-design-system/components 2.30.0 → 2.31.0-numeric.1

package/dist/chunks/{chunk.FEDQE3YI.js → chunk.7YATRHZN.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.KCYF6T6B.js";
+} from "./chunk.EZDB5RU7.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.FEDQE3YI.js.map
+//# sourceMappingURL=chunk.7YATRHZN.js.map

package/dist/chunks/{chunk.IIX2CNKM.js → chunk.A4RVOFFP.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.H3HTSQKK.js";
 import {
   SynDivider
-} from "./chunk.ZQ5VZBRB.js";
+} from "./chunk.KITRO6XO.js";
 import {
   SynDrawer
-} from "./chunk.VRXEP4PK.js";
+} from "./chunk.LW362SOH.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -317,4 +317,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.IIX2CNKM.js.map
+//# sourceMappingURL=chunk.A4RVOFFP.js.map

package/dist/chunks/{chunk.RG5KTT7F.js → chunk.A67AAALJ.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.VSZSTBFS.js";
+} from "./chunk.S5LABDRE.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.RG5KTT7F.js.map
+//# sourceMappingURL=chunk.A67AAALJ.js.map

package/dist/chunks/{chunk.FKKJBKYL.js → chunk.AERTEAG5.js}

@@ -85,18 +85,6 @@ var form_control_custom_styles_default = css2`
     margin-top: var(--syn-spacing-x-small);
   }
 
-  .form-control--small.form-control--has-prefix .input__control  {
-    padding: var(--syn-spacing-3x-small) 0;
-  }
-
-  .form-control--has-prefix.form-control--medium .input__control {
-    padding: var(--syn-spacing-x-small) 0;
-  }
-
-  .form-control--large.form-control--has-prefix .input__control {
-   padding: var(--syn-input-spacing-small) 0;
-  }
-
     /* ERROR */
   :host([data-user-invalid]:not([disabled])) .form-control__help-text {
     color: var(--syn-input-help-text-color-error);
@@ -114,4 +102,4 @@ export {
   form_control_styles_default,
   form_control_custom_styles_default
 };
-//# sourceMappingURL=chunk.FKKJBKYL.js.map
+//# sourceMappingURL=chunk.AERTEAG5.js.map

package/dist/chunks/{chunk.FKKJBKYL.js.map → chunk.AERTEAG5.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styles/form-control.styles.ts", "../../src/styles/form-control.custom.styles.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: var(--syn-input-label-color);\n    margin-bottom: var(--syn-spacing-3x-small);\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: var(--syn-input-label-font-size-small);\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--syn-input-label-font-size-medium);\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: var(--syn-input-label-font-size-large);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: var(--syn-input-required-content);\n    margin-inline-start: var(--syn-input-required-content-offset);\n    color: var(--syn-input-required-content-color);\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--syn-input-help-text-color);\n    margin-top: var(--syn-spacing-3x-small);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--syn-input-help-text-font-size-small);\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--syn-input-help-text-font-size-medium);\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--syn-input-help-text-font-size-large);\n  }\n\n  .form-control--has-help-text.form-control--radio-group .form-control__help-text {\n    margin-top: var(--syn-spacing-2x-small);\n  }\n`;\n", "import { css } from 'lit';\n\nexport default css` \n\n   /* Label */\n  .form-control--has-label .form-control__label {\n   font-weight: var(--syn-font-weight-semibold);\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    margin-bottom: var(--syn-spacing-x-small);\n  }\n  \n  .form-control--has-label.form-control--medium .form-control__label {\n    margin-bottom: var(--syn-input-spacing-small);\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    margin-bottom: var(--syn-input-spacing-medium);\n  }\n\n    /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    margin-top: var(--syn-spacing-x-small);\n  }\n\n  .form-control--small.form-control--has-prefix .input__control  {\n    padding: var(--syn-spacing-3x-small) 0;\n  }\n\n  .form-control--has-prefix.form-control--medium .input__control {\n    padding: var(--syn-spacing-x-small) 0;\n  }\n\n  .form-control--large.form-control--has-prefix .input__control {\n   padding: var(--syn-input-spacing-small) 0;\n  }\n\n    /* ERROR */\n  :host([data-user-invalid]:not([disabled])) .form-control__help-text {\n    color: var(--syn-input-help-text-color-error);\n   }\n\n  /* DISABLED */\n  :host([disabled]) .form-control--has-label .form-control__label,\n  :host([disabled]) .form-control--has-help-text .form-control__help-text {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n`;\n"],
-  "mappings": ";AAQA,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;;;ACVf,SAAS,OAAAA,YAAW;AAEpB,IAAO,qCAAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: var(--syn-input-label-color);\n    margin-bottom: var(--syn-spacing-3x-small);\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: var(--syn-input-label-font-size-small);\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--syn-input-label-font-size-medium);\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: var(--syn-input-label-font-size-large);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: var(--syn-input-required-content);\n    margin-inline-start: var(--syn-input-required-content-offset);\n    color: var(--syn-input-required-content-color);\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--syn-input-help-text-color);\n    margin-top: var(--syn-spacing-3x-small);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--syn-input-help-text-font-size-small);\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--syn-input-help-text-font-size-medium);\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--syn-input-help-text-font-size-large);\n  }\n\n  .form-control--has-help-text.form-control--radio-group .form-control__help-text {\n    margin-top: var(--syn-spacing-2x-small);\n  }\n`;\n", "import { css } from 'lit';\n\nexport default css` \n\n   /* Label */\n  .form-control--has-label .form-control__label {\n   font-weight: var(--syn-font-weight-semibold);\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    margin-bottom: var(--syn-spacing-x-small);\n  }\n  \n  .form-control--has-label.form-control--medium .form-control__label {\n    margin-bottom: var(--syn-input-spacing-small);\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    margin-bottom: var(--syn-input-spacing-medium);\n  }\n\n    /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    margin-top: var(--syn-spacing-x-small);\n  }\n\n    /* ERROR */\n  :host([data-user-invalid]:not([disabled])) .form-control__help-text {\n    color: var(--syn-input-help-text-color-error);\n   }\n\n  /* DISABLED */\n  :host([disabled]) .form-control--has-label .form-control__label,\n  :host([disabled]) .form-control--has-help-text .form-control__help-text {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n`;\n"],
+  "mappings": ";AAQA,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;;;ACVf,SAAS,OAAAA,YAAW;AAEpB,IAAO,qCAAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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": ["css"]
 }

package/dist/chunks/{chunk.GHECFYR7.js → chunk.AKBNSAMF.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.2JN46AIY.js";
+} from "./chunk.CEVNM6DM.js";
 import {
   SynPopup
-} from "./chunk.VSZSTBFS.js";
+} from "./chunk.S5LABDRE.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -23,7 +23,7 @@ import {
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.FKKJBKYL.js";
+} from "./chunk.AERTEAG5.js";
 import {
   combobox_custom_styles_default
 } from "./chunk.EWVMF6KH.js";
@@ -49,22 +49,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.2DTUML23.js";
+} from "./chunk.U3WTJD4D.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
-import {
-  enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.33EV4VCU.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -858,4 +858,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.GHECFYR7.js.map
+//# sourceMappingURL=chunk.AKBNSAMF.js.map

package/dist/chunks/{chunk.HR4ULWD4.js → chunk.AQWT2EI4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.MT4PK4C4.js";
+} from "./chunk.QVS5TYTR.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.HR4ULWD4.js.map
+//# sourceMappingURL=chunk.AQWT2EI4.js.map

package/dist/chunks/{chunk.IKZT4PXP.js → chunk.B6TTKFK2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.2DTUML23.js";
+} from "./chunk.U3WTJD4D.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.IKZT4PXP.js.map
+//# sourceMappingURL=chunk.B6TTKFK2.js.map

package/dist/chunks/{chunk.S7KAGN3H.js → chunk.BTS57O4V.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.33EV4VCU.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.S7KAGN3H.js.map
+//# sourceMappingURL=chunk.BTS57O4V.js.map

package/dist/chunks/{chunk.3FCJQHPH.js → chunk.BWZMY7HG.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.3FCJQHPH.js.map
+//# sourceMappingURL=chunk.BWZMY7HG.js.map

package/dist/chunks/{chunk.TS3WFKT7.js → chunk.CACKIXTX.js}

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

package/dist/chunks/{chunk.2JN46AIY.js → chunk.CEVNM6DM.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.2DTUML23.js";
+} from "./chunk.U3WTJD4D.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -165,4 +165,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.2JN46AIY.js.map
+//# sourceMappingURL=chunk.CEVNM6DM.js.map

package/dist/chunks/{chunk.AXLK3XTF.js → chunk.CSBK2UIN.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.OJ3N7TWP.js";
 import {
   SynNavItem
-} from "./chunk.JUVXM4SO.js";
+} from "./chunk.FAVMXFQL.js";
 import {
   SynMenu
-} from "./chunk.XBBJ7EDR.js";
+} from "./chunk.CVSFD3LB.js";
 import {
   SynDropdown
-} from "./chunk.ZIDC465Q.js";
+} from "./chunk.N42HYZ3J.js";
 import {
   SynIcon
-} from "./chunk.2DTUML23.js";
+} from "./chunk.U3WTJD4D.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.AXLK3XTF.js.map
+//# sourceMappingURL=chunk.CSBK2UIN.js.map

package/dist/chunks/{chunk.XBBJ7EDR.js → chunk.CVSFD3LB.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.XBBJ7EDR.js.map
+//# sourceMappingURL=chunk.CVSFD3LB.js.map

package/dist/chunks/{chunk.WHH5KYUI.js → chunk.D7ZU5UFL.js}

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

package/dist/chunks/{chunk.5SPRNQIG.js → chunk.DNNV6VLW.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.P2QBV4M6.js";
+} from "./chunk.HIF4ZQ35.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.5SPRNQIG.js.map
+//# sourceMappingURL=chunk.DNNV6VLW.js.map

package/dist/chunks/{chunk.JTSBAJHO.js → chunk.DSW34EOY.js}

@@ -1,7 +1,7 @@
 import {
   INITIAL_DEFAULT_SETTINGS,
   defaultSettings
-} from "./chunk.OH3PPVV4.js";
+} from "./chunk.IJ7VHZFK.js";
 
 // src/utilities/defaultSettings/functions.ts
 var SYNERGY_EXPERIMENTAL_SETTING_EMIT_EVENTS = false;
@@ -144,4 +144,4 @@ export {
   setGlobalDefaultSettings,
   resetGlobalDefaultSettings
 };
-//# sourceMappingURL=chunk.JTSBAJHO.js.map
+//# sourceMappingURL=chunk.DSW34EOY.js.map

package/dist/chunks/{chunk.MGZI66Q2.js → chunk.E257OZYA.js}

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

package/dist/chunks/{chunk.36F62QC4.js → chunk.EC3AIWPK.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.ZQ5VZBRB.js";
+} from "./chunk.KITRO6XO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.36F62QC4.js.map
+//# sourceMappingURL=chunk.EC3AIWPK.js.map

package/dist/chunks/{chunk.4PRWYONL.js → chunk.EDVAO5KD.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.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.4PRWYONL.js.map
+//# sourceMappingURL=chunk.EDVAO5KD.js.map

package/dist/chunks/{chunk.KCYF6T6B.js → chunk.EZDB5RU7.js}

@@ -10,25 +10,25 @@ import {
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.FKKJBKYL.js";
+} from "./chunk.AERTEAG5.js";
 import {
   FormControlController
 } from "./chunk.AMIQC3O7.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.33EV4VCU.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.KCYF6T6B.js.map
+//# sourceMappingURL=chunk.EZDB5RU7.js.map

package/dist/chunks/{chunk.JUVXM4SO.js → chunk.FAVMXFQL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.SHCZO4KK.js";
 import {
   SynDivider
-} from "./chunk.ZQ5VZBRB.js";
+} from "./chunk.KITRO6XO.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -348,4 +348,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.JUVXM4SO.js.map
+//# sourceMappingURL=chunk.FAVMXFQL.js.map

package/dist/chunks/{chunk.KZEDYYJ6.js → chunk.FEKYKC4C.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.2JN46AIY.js";
+} from "./chunk.CEVNM6DM.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.KZEDYYJ6.js.map
+//# sourceMappingURL=chunk.FEKYKC4C.js.map

package/dist/chunks/{chunk.5JSPFHG2.js → chunk.FO5F6LKG.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.GHECFYR7.js";
+} from "./chunk.AKBNSAMF.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.5JSPFHG2.js.map
+//# sourceMappingURL=chunk.FO5F6LKG.js.map

package/dist/chunks/{chunk.5CQUMXKS.js → chunk.GCQLCTYL.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.XBFHABD3.js";
+} from "./chunk.ZKHYDNLC.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.5CQUMXKS.js.map
+//# sourceMappingURL=chunk.GCQLCTYL.js.map

package/dist/chunks/{chunk.F6ZGOTDK.js → chunk.GD33VPEE.js}

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

package/dist/chunks/{chunk.HKOANJOA.js → chunk.GRA6PMZZ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.HKOANJOA.js.map
+//# sourceMappingURL=chunk.GRA6PMZZ.js.map

package/dist/chunks/{chunk.P2QBV4M6.js → chunk.HIF4ZQ35.js}

@@ -7,10 +7,10 @@ import {
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.FKKJBKYL.js";
+} from "./chunk.AERTEAG5.js";
 import {
   SynButton
-} from "./chunk.QPOFOBPX.js";
+} from "./chunk.32CPGKWW.js";
 import {
   FormControlController
 } from "./chunk.AMIQC3O7.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.2DTUML23.js";
+} from "./chunk.U3WTJD4D.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
-import {
-  enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.33EV4VCU.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PBFZJCDL.js";
+} from "./chunk.K3XDXZW2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.P2QBV4M6.js.map
+//# sourceMappingURL=chunk.HIF4ZQ35.js.map

package/dist/chunks/{chunk.II2KA3OR.js → chunk.HX3IWSE5.js}

@@ -143,6 +143,18 @@ var input_custom_styles_default = css`
     padding-right: var(--syn-spacing-small);
   }
 
+  /* Fixes wrong paddings on some suffix special cases: https://github.com/synergy-design-system/synergy-design-system/issues/817  */
+  .form-control--has-prefix .input__control {
+    padding-left: 0;
+  }
+
+  /* Fixes wrong paddings on some suffix special cases: https://github.com/synergy-design-system/synergy-design-system/issues/817  */
+  .form-control--has-suffix .input__control,
+  .input:has(.input__clear) .input__control,
+  .input:has(.input__password-toggle) .input__control {
+    padding-right: 0;
+  }
+
   :host([type='number']) .input--large:not(.input--no-spin-buttons) .input__clear,
   :host([type='number']) .input--large:not(.input--no-spin-buttons) .input__password-toggle {
     padding-right: var(--syn-spacing-medium);
@@ -264,4 +276,4 @@ var input_custom_styles_default = css`
 export {
   input_custom_styles_default
 };
-//# sourceMappingURL=chunk.II2KA3OR.js.map
+//# sourceMappingURL=chunk.HX3IWSE5.js.map