@synergy-design-system/components 2.7.2 → 2.8.0

package/dist/chunks/{chunk.AAJBHY2M.js → chunk.TN3QBFAN.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.AXCA62X3.js";
+} from "./chunk.IELSPNXQ.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.AAJBHY2M.js.map
+//# sourceMappingURL=chunk.TN3QBFAN.js.map

package/dist/chunks/{chunk.VWBCU6HU.js → chunk.TXLOLSPA.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.MKA2R2GM.js";
+} from "./chunk.RZFPM6T5.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -136,4 +136,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.VWBCU6HU.js.map
+//# sourceMappingURL=chunk.TXLOLSPA.js.map

package/dist/chunks/{chunk.SBXB7ZQ4.js → chunk.U6U77OWH.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -66,4 +66,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.SBXB7ZQ4.js.map
+//# sourceMappingURL=chunk.U6U77OWH.js.map

package/dist/chunks/{chunk.VJWKT6KK.js → chunk.UFBPOYW3.js}

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

package/dist/chunks/{chunk.OMK6YFKU.js → chunk.UK7QG54R.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.OMK6YFKU.js.map
+//# sourceMappingURL=chunk.UK7QG54R.js.map

package/dist/chunks/{chunk.FZOUXRYE.js → chunk.UNJZNYYC.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.DKVAGG2G.js";
+} from "./chunk.Z76WUR73.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.FZOUXRYE.js.map
+//# sourceMappingURL=chunk.UNJZNYYC.js.map

package/dist/chunks/{chunk.DBMX4Q2N.js → chunk.UPUBWGWC.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -41,4 +41,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.DBMX4Q2N.js.map
+//# sourceMappingURL=chunk.UPUBWGWC.js.map

package/dist/chunks/{chunk.LX2CFFXJ.js → chunk.UTHNXU3J.js}

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

package/dist/chunks/{chunk.5BY5MVLA.js → chunk.UZC7C7LR.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -58,4 +58,4 @@ __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.5BY5MVLA.js.map
+//# sourceMappingURL=chunk.UZC7C7LR.js.map

package/dist/chunks/{chunk.PQKQPPXC.js → chunk.UZNKPDF5.js}

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

package/dist/chunks/{chunk.NBMQMWS3.js → chunk.V6WPXGJH.js}

@@ -1,14 +1,14 @@
 import {
   SynTooltip
-} from "./chunk.ASAVDGKQ.js";
+} from "./chunk.FRKUACBE.js";
+import {
+  range_styles_default
+} from "./chunk.277APOW3.js";
 import {
   arraysDiffer,
   getNormalizedValueFromClientX,
   numericSort
 } from "./chunk.236RSW67.js";
-import {
-  range_styles_default
-} from "./chunk.277APOW3.js";
 import {
   defaultValue
 } from "./chunk.RBG37CD4.js";
@@ -30,7 +30,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -633,4 +633,4 @@ __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.NBMQMWS3.js.map
+//# sourceMappingURL=chunk.V6WPXGJH.js.map

package/dist/chunks/chunk.VFOO7K4S.js

@@ -0,0 +1,12 @@
+import {
+  SynCombobox
+} from "./chunk.JPOUFILE.js";
+
+// src/components/combobox/combobox.ts
+var combobox_default = SynCombobox;
+SynCombobox.define("syn-combobox");
+
+export {
+  combobox_default
+};
+//# sourceMappingURL=chunk.VFOO7K4S.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.ts"],
+  "sourcesContent": ["import SynCombobox from './combobox.component.js';\n\nexport * from './combobox.component.js';\nexport default SynCombobox;\n\nSynCombobox.define('syn-combobox');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-combobox': SynCombobox;\n  }\n}\n"],
+  "mappings": ";;;;;AAGA,IAAO,mBAAQ;AAEf,YAAY,OAAO,cAAc;",
+  "names": []
+}

package/dist/chunks/{chunk.SC6DZBJ7.js → chunk.VXNQA3QC.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.VWBCU6HU.js";
+} from "./chunk.TXLOLSPA.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -18,19 +18,19 @@ import {
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
-import {
-  SynergyElement,
-  component_styles_default
-} from "./chunk.CIGZW7VL.js";
 import {
   alert_custom_styles_default
 } from "./chunk.JRYXECAY.js";
 import {
   alert_styles_default
 } from "./chunk.KG73YUXI.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
+import {
+  SynergyElement,
+  component_styles_default
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -216,4 +216,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.SC6DZBJ7.js.map
+//# sourceMappingURL=chunk.VXNQA3QC.js.map

package/dist/chunks/{chunk.EUGRPKE5.js → chunk.WABD4T2A.js}

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

package/dist/chunks/{chunk.SWHTRL6B.js → chunk.WBTSVLAC.js}

@@ -13,7 +13,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -111,4 +111,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.SWHTRL6B.js.map
+//# sourceMappingURL=chunk.WBTSVLAC.js.map

package/dist/chunks/{chunk.UMFLVSON.js → chunk.X2YVATJQ.js}

@@ -1,29 +1,29 @@
-import {
-  prio_nav_styles_default
-} from "./chunk.74N5WLM5.js";
 import {
   filterOnlyNavItems,
   getAssignedElementsForSlot
 } from "./chunk.XNP4OTUB.js";
+import {
+  prio_nav_styles_default
+} from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.GPN65Q5K.js";
+} from "./chunk.ONQ5K2CX.js";
 import {
   SynMenu
-} from "./chunk.T2CMPPUH.js";
+} from "./chunk.ENN6ERQ7.js";
 import {
   SynDropdown
-} from "./chunk.RSIYQFLM.js";
+} from "./chunk.RSS3K3BH.js";
 import {
   SynIcon
-} from "./chunk.MKA2R2GM.js";
+} from "./chunk.RZFPM6T5.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -205,4 +205,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.UMFLVSON.js.map
+//# sourceMappingURL=chunk.X2YVATJQ.js.map

package/dist/chunks/{chunk.WDE57ZEB.js → chunk.X4CA7AWS.js}

@@ -1,19 +1,19 @@
+import {
+  dialog_styles_default
+} from "./chunk.MU43DZ7W.js";
 import {
   Modal
 } from "./chunk.XDM6VD32.js";
-import {
-  lockBodyScrolling,
-  unlockBodyScrolling
-} from "./chunk.5732DMBC.js";
 import {
   dialog_custom_styles_default
 } from "./chunk.IU3SSJZE.js";
 import {
-  dialog_styles_default
-} from "./chunk.MU43DZ7W.js";
+  lockBodyScrolling,
+  unlockBodyScrolling
+} from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.VWBCU6HU.js";
+} from "./chunk.TXLOLSPA.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -37,7 +37,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -287,4 +287,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.WDE57ZEB.js.map
+//# sourceMappingURL=chunk.X4CA7AWS.js.map

package/dist/chunks/{chunk.TC3V2EL3.js → chunk.X6EZ6IDB.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.ECXD7QA3.js";
+} from "./chunk.BJHKNFEP.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.TC3V2EL3.js.map
+//# sourceMappingURL=chunk.X6EZ6IDB.js.map

package/dist/chunks/{chunk.GMAKLSVB.js → chunk.XH75XGUS.js}

@@ -9,24 +9,24 @@ import {
 } from "./chunk.JNP34M27.js";
 import {
   SynPopup
-} from "./chunk.OMK6YFKU.js";
+} from "./chunk.UK7QG54R.js";
 import {
   SynSpinner
-} from "./chunk.GZGX7AN2.js";
+} from "./chunk.SYE5KL6D.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.MKA2R2GM.js";
+} from "./chunk.RZFPM6T5.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -187,4 +187,4 @@ __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.GMAKLSVB.js.map
+//# sourceMappingURL=chunk.XH75XGUS.js.map

package/dist/chunks/{chunk.MBIS5CMS.js → chunk.XPNSW7EJ.js}

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

package/dist/chunks/{chunk.TJ25Z5RP.js → chunk.XQ3L5FZI.js}

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

package/dist/chunks/{chunk.D3HW7PL3.js → chunk.XWBZYZL2.js}

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

package/dist/chunks/{chunk.NTPAY2C2.js → chunk.XY727PA7.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -74,4 +74,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.NTPAY2C2.js.map
+//# sourceMappingURL=chunk.XY727PA7.js.map

package/dist/chunks/{chunk.ADXO3V5E.js → chunk.XYCN2A3U.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -87,4 +87,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.ADXO3V5E.js.map
+//# sourceMappingURL=chunk.XYCN2A3U.js.map

package/dist/chunks/{chunk.PJBX6PDL.js → chunk.Y2UPTDJA.js}

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

package/dist/chunks/{chunk.3EORMLPX.js → chunk.YPISLR6M.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.7GT66DPZ.js";
+} from "./chunk.DHXICRB4.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.3EORMLPX.js.map
+//# sourceMappingURL=chunk.YPISLR6M.js.map

package/dist/chunks/{chunk.SPYTNIYH.js → chunk.Z6OPO6DQ.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.MKA2R2GM.js";
+} from "./chunk.RZFPM6T5.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -89,4 +89,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.SPYTNIYH.js.map
+//# sourceMappingURL=chunk.Z6OPO6DQ.js.map

package/dist/chunks/{chunk.DKVAGG2G.js → chunk.Z76WUR73.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.CIGZW7VL.js";
+} from "./chunk.F5BU5WA3.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -130,4 +130,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.DKVAGG2G.js.map
+//# sourceMappingURL=chunk.Z76WUR73.js.map

package/dist/chunks/{chunk.HG2DOYSY.js → chunk.ZNPXQE4Y.js}

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

package/dist/chunks/{chunk.72HIKLQG.js → chunk.ZO4VONAT.js}

@@ -97,7 +97,7 @@ var select_custom_styles_default = css`
   /* Listbox */
   .select__listbox {
     /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */
-    border-radius: 0;
+    border-radius: var(--syn-border-radius-none);
     box-shadow: var(--syn-shadow-medium);
   }
 
@@ -114,4 +114,4 @@ var select_custom_styles_default = css`
 export {
   select_custom_styles_default
 };
-//# sourceMappingURL=chunk.72HIKLQG.js.map
+//# sourceMappingURL=chunk.ZO4VONAT.js.map

package/dist/chunks/{chunk.72HIKLQG.js.map → chunk.ZO4VONAT.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/select/select.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * Invalid user data\n   */\n  :host([data-user-invalid]) .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--open .select__combobox,\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--focused .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n  }\n\n  /* Clear button */\n  .select__clear {\n    color: var(--syn-input-icon-icon-clearable-color);\n    font-size: var(--syn-spacing-large);\n  }\n\n  .select--small .select__clear {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .select--large .select__clear {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    color: var(--syn-color-neutral-950);\n    font-size: var(--syn-spacing-large);\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Change select border on hover */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .select:not(.select--disabled):hover .select__combobox {\n    border-color: var(--syn-input-color-hover);\n  }\n\n  /* Prefix and Suffix */\n\n  /* Small */\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .select--small .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .select--medium .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .select--large .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .select__prefix,\n  .select__suffix {\n    color: var(--syn-input-help-text-color);\n  }\n\n  /* Multi Select */\n  .select__tags {\n    margin-inline-start: var(--syn-spacing-medium);\n  }\n\n  .select--small .select__tags {\n    gap: var(--syn-spacing-2x-small);\n  }\n\n  .select--medium .select__tags {\n    gap: var(--syn-spacing-x-small);\n  }\n\n  .select--large .select__tags {\n    gap: var(--syn-spacing-small);\n  }\n\n  /* Listbox */\n  .select__listbox {\n    /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n    border-radius: 0;\n    box-shadow: var(--syn-shadow-medium);\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   * Note! ::slotted does currently not work with ::part, so we\n   * opted for using a css variable here.\n   */\n  .select__listbox ::slotted(syn-optgroup:first-of-type) {\n    --display-divider: none;\n  }\n`;\n"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * Invalid user data\n   */\n  :host([data-user-invalid]) .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--open .select__combobox,\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--focused .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n  }\n\n  /* Clear button */\n  .select__clear {\n    color: var(--syn-input-icon-icon-clearable-color);\n    font-size: var(--syn-spacing-large);\n  }\n\n  .select--small .select__clear {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .select--large .select__clear {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    color: var(--syn-color-neutral-950);\n    font-size: var(--syn-spacing-large);\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Change select border on hover */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .select:not(.select--disabled):hover .select__combobox {\n    border-color: var(--syn-input-color-hover);\n  }\n\n  /* Prefix and Suffix */\n\n  /* Small */\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .select--small .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .select--medium .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .select--large .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .select__prefix,\n  .select__suffix {\n    color: var(--syn-input-help-text-color);\n  }\n\n  /* Multi Select */\n  .select__tags {\n    margin-inline-start: var(--syn-spacing-medium);\n  }\n\n  .select--small .select__tags {\n    gap: var(--syn-spacing-2x-small);\n  }\n\n  .select--medium .select__tags {\n    gap: var(--syn-spacing-x-small);\n  }\n\n  .select--large .select__tags {\n    gap: var(--syn-spacing-small);\n  }\n\n  /* Listbox */\n  .select__listbox {\n    /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n    border-radius: var(--syn-border-radius-none);\n    box-shadow: var(--syn-shadow-medium);\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   * Note! ::slotted does currently not work with ::part, so we\n   * opted for using a css variable here.\n   */\n  .select__listbox ::slotted(syn-optgroup:first-of-type) {\n    --display-divider: none;\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;",
   "names": []
 }

package/dist/components/accordion/accordion.component.js

@@ -1,9 +1,9 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.TML7CRDT.js";
-import "../../chunks/chunk.WNUZ6LH4.js";
+} from "../../chunks/chunk.ACX2NW5E.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.CIGZW7VL.js";
+import "../../chunks/chunk.F5BU5WA3.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,10 +1,10 @@
 import {
   accordion_default
-} from "../../chunks/chunk.3TTHE2E2.js";
-import "../../chunks/chunk.TML7CRDT.js";
-import "../../chunks/chunk.WNUZ6LH4.js";
+} from "../../chunks/chunk.7DJJKSBC.js";
+import "../../chunks/chunk.ACX2NW5E.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.CIGZW7VL.js";
+import "../../chunks/chunk.F5BU5WA3.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as default