@synergy-design-system/components 2.7.3 → 2.8.1

package/dist/chunks/{chunk.I6M5U7WI.js → chunk.D6HHUC7H.js}

@@ -1,9 +1,9 @@
-import {
-  icon_default
-} from "./chunk.25BLXBE3.js";
 import {
   header_styles_default
 } from "./chunk.GVNVZMMM.js";
+import {
+  icon_default
+} from "./chunk.QENGAJI2.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -180,4 +180,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.I6M5U7WI.js.map
+//# sourceMappingURL=chunk.D6HHUC7H.js.map

package/dist/chunks/{chunk.RLLRACFX.js → chunk.DORQF2IR.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.BCAVTKWB.js";
+} from "./chunk.EM53DV44.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.RLLRACFX.js.map
+//# sourceMappingURL=chunk.DORQF2IR.js.map

package/dist/chunks/chunk.DPCIJLV4.js

@@ -0,0 +1,39 @@
+// src/components/combobox/combobox.custom.styles.ts
+import { css } from "lit";
+var combobox_custom_styles_default = css`
+  /** 
+   * Hide the default slot, because the filtered options are rendered in the listbox__options
+   */
+  .combobox__listbox slot:not([name]) {
+    display: none;
+  }
+
+  /**
+   * The filtered options
+   */
+  .listbox__options syn-option mark {
+    background-color: transparent;
+    color: var(--syn-color-neutral-950);
+    font: var(--syn-body-medium-bold);
+  }
+
+  .listbox__options syn-option[aria-selected='true'] mark {
+    color: var(--syn-color-neutral-0);
+  }
+
+  .combobox:not(.combobox--disabled) .combobox__display-input {
+    cursor: text;
+  }
+
+  /**
+   * Make sure to hide the syn-divider for the first syn-optgroup
+   */
+  .listbox__options syn-optgroup:first-of-type::part(divider) {
+    display: none;
+  }
+`;
+
+export {
+  combobox_custom_styles_default
+};
+//# sourceMappingURL=chunk.DPCIJLV4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /** \n   * Hide the default slot, because the filtered options are rendered in the listbox__options\n   */\n  .combobox__listbox slot:not([name]) {\n    display: none;\n  }\n\n  /**\n   * The filtered options\n   */\n  .listbox__options syn-option mark {\n    background-color: transparent;\n    color: var(--syn-color-neutral-950);\n    font: var(--syn-body-medium-bold);\n  }\n\n  .listbox__options syn-option[aria-selected='true'] mark {\n    color: var(--syn-color-neutral-0);\n  }\n\n  .combobox:not(.combobox--disabled) .combobox__display-input {\n    cursor: text;\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   */\n  .listbox__options syn-optgroup:first-of-type::part(divider) {\n    display: none;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,iCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.ORZP7K64.js → chunk.DYYUQIA2.js}

@@ -1,12 +1,12 @@
-import {
-  tooltip_custom_styles_default
-} from "./chunk.4X3HY2V5.js";
 import {
   tooltip_styles_default
 } from "./chunk.O644HRW3.js";
+import {
+  tooltip_custom_styles_default
+} from "./chunk.4X3HY2V5.js";
 import {
   SynPopup
-} from "./chunk.OTAHBVCK.js";
+} from "./chunk.A2JGI7YK.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,7 +28,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -272,4 +272,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.ORZP7K64.js.map
+//# sourceMappingURL=chunk.DYYUQIA2.js.map

package/dist/chunks/{chunk.Z2UVOZS7.js → chunk.E3QPS5XK.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.ALLHYPJO.js";
+} from "./chunk.3MI2YYYP.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.Z2UVOZS7.js.map
+//# sourceMappingURL=chunk.E3QPS5XK.js.map

package/dist/chunks/{chunk.GFGLP2XV.js → chunk.EAPQXMZ2.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.2MSXUGA3.js";
+} from "./chunk.4PTV2G5L.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.GFGLP2XV.js.map
+//# sourceMappingURL=chunk.EAPQXMZ2.js.map

package/dist/chunks/{chunk.5GMJIKGV.js → chunk.EG2IMMFQ.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.HQ6QUSK7.js";
 import {
   SynIcon
-} from "./chunk.5EJ2YM4D.js";
+} from "./chunk.HM57BJF5.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
@@ -28,7 +28,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -239,4 +239,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.5GMJIKGV.js.map
+//# sourceMappingURL=chunk.EG2IMMFQ.js.map

package/dist/chunks/{chunk.BCAVTKWB.js → chunk.EM53DV44.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.5EJ2YM4D.js";
+} from "./chunk.HM57BJF5.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -136,4 +136,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.BCAVTKWB.js.map
+//# sourceMappingURL=chunk.EM53DV44.js.map

package/dist/chunks/{chunk.QNJIEARD.js → chunk.EN7WGVFV.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.URLTXPUD.js";
+} from "./chunk.SYY26NKV.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.QNJIEARD.js.map
+//# sourceMappingURL=chunk.EN7WGVFV.js.map

package/dist/chunks/{chunk.7JO5GM6Q.js → chunk.EZNNJFB7.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -66,4 +66,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.7JO5GM6Q.js.map
+//# sourceMappingURL=chunk.EZNNJFB7.js.map

package/dist/chunks/{chunk.NXCWYPDM.js → chunk.FHB2H5R2.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -62,4 +62,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.NXCWYPDM.js.map
+//# sourceMappingURL=chunk.FHB2H5R2.js.map

package/dist/chunks/{chunk.YSJVZKXR.js → chunk.FIZMTZML.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KG52EHDB.js";
 import {
   SynDivider
-} from "./chunk.2MSXUGA3.js";
+} from "./chunk.4PTV2G5L.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.YSJVZKXR.js.map
+//# sourceMappingURL=chunk.FIZMTZML.js.map

package/dist/chunks/chunk.FV5CR37F.js

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

package/dist/chunks/chunk.FV5CR37F.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.KEA5422Y.js → chunk.FWGBAOEO.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.NDG2QRC6.js";
+} from "./chunk.BS6RCJAA.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.KEA5422Y.js.map
+//# sourceMappingURL=chunk.FWGBAOEO.js.map

package/dist/chunks/{chunk.UAGD75LH.js → chunk.GWH3EUTB.js}

@@ -1,3 +1,9 @@
+import {
+  checkbox_custom_styles_default
+} from "./chunk.IG3RCOB3.js";
+import {
+  checkbox_styles_default
+} from "./chunk.6OX2AX3Z.js";
 import {
   defaultValue
 } from "./chunk.RBG37CD4.js";
@@ -5,12 +11,6 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.FKKJBKYL.js";
-import {
-  checkbox_custom_styles_default
-} from "./chunk.IG3RCOB3.js";
-import {
-  checkbox_styles_default
-} from "./chunk.6OX2AX3Z.js";
 import {
   FormControlController
 } from "./chunk.BBNQVEPD.js";
@@ -19,14 +19,14 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.5EJ2YM4D.js";
+} from "./chunk.HM57BJF5.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.UAGD75LH.js.map
+//# sourceMappingURL=chunk.GWH3EUTB.js.map

package/dist/chunks/{chunk.DT36GYSH.js → chunk.HHBOU4HL.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.ECDY5TKE.js";
+} from "./chunk.BADCMLNU.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.DT36GYSH.js.map
+//# sourceMappingURL=chunk.HHBOU4HL.js.map

package/dist/chunks/{chunk.6H325Y64.js → chunk.HHRJTCUN.js}

@@ -1,12 +1,12 @@
-import {
-  option_custom_styles_default
-} from "./chunk.3B24TYVN.js";
 import {
   option_styles_default
 } from "./chunk.IVM3BGRH.js";
+import {
+  option_custom_styles_default
+} from "./chunk.3B24TYVN.js";
 import {
   SynIcon
-} from "./chunk.5EJ2YM4D.js";
+} from "./chunk.HM57BJF5.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -144,4 +144,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.6H325Y64.js.map
+//# sourceMappingURL=chunk.HHRJTCUN.js.map

package/dist/chunks/{chunk.O7D5YLTT.js → chunk.HJN2PJLO.js}

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

package/dist/chunks/{chunk.5EJ2YM4D.js → chunk.HM57BJF5.js}

@@ -1,6 +1,3 @@
-import {
-  icon_styles_default
-} from "./chunk.ZBW4ZSZ7.js";
 import {
   getIconLibrary,
   unwatchIcon,
@@ -9,13 +6,16 @@ import {
 import {
   icon_custom_styles_default
 } from "./chunk.PJO6TM3T.js";
+import {
+  icon_styles_default
+} from "./chunk.ZBW4ZSZ7.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -178,4 +178,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.5EJ2YM4D.js.map
+//# sourceMappingURL=chunk.HM57BJF5.js.map

package/dist/chunks/{chunk.A3FSHIF2.js → chunk.ISY76A43.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.3B22DBSJ.js";
 import {
   SynDivider
-} from "./chunk.2MSXUGA3.js";
+} from "./chunk.4PTV2G5L.js";
 import {
   defaultValue
 } from "./chunk.RBG37CD4.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.5EJ2YM4D.js";
+} from "./chunk.HM57BJF5.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
@@ -32,7 +32,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.HQSCOWEI.js";
+} from "./chunk.POA3IDNG.js";
 import {
   __decorateClass,
   __spreadValues
@@ -642,4 +642,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.A3FSHIF2.js.map
+//# sourceMappingURL=chunk.ISY76A43.js.map