@synergy-design-system/components 2.55.0 → 2.56.1

package/dist/chunks/{chunk.GVOXKQPU.js → chunk.DKMK6YZM.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.3D5CNB3A.js";
+} from "./chunk.FF5YY5EM.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.GVOXKQPU.js.map
+//# sourceMappingURL=chunk.DKMK6YZM.js.map

package/dist/chunks/{chunk.HA5DCRLA.js → chunk.EBYVFCHP.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.EUETCFYF.js";
+} from "./chunk.X6NBM25P.js";
 import {
   range_styles_default
 } from "./chunk.UFNQFJO6.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -716,4 +716,4 @@ SynRange = __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.HA5DCRLA.js.map
+//# sourceMappingURL=chunk.EBYVFCHP.js.map

package/dist/chunks/{chunk.ODONLD22.js → chunk.EPTFUGBV.js}

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

package/dist/chunks/{chunk.AJRQ2ZLI.js → chunk.EYFG4COF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunk.4RPDYH4P.js";
+} from "./chunk.S7W7A3QG.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.AJRQ2ZLI.js.map
+//# sourceMappingURL=chunk.EYFG4COF.js.map

package/dist/chunks/{chunk.3D5CNB3A.js → chunk.FF5YY5EM.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.3D5CNB3A.js.map
+//# sourceMappingURL=chunk.FF5YY5EM.js.map

package/dist/chunks/{chunk.7XFTKDXA.js → chunk.FNYHEG3J.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.SSD7LFII.js";
+} from "./chunk.GWCQ3GZX.js";
 import {
   SynPopup
-} from "./chunk.QZ3OGNQ4.js";
+} from "./chunk.VYTM6RTO.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.R374RW24.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.7XFTKDXA.js.map
+//# sourceMappingURL=chunk.FNYHEG3J.js.map

package/dist/chunks/{chunk.K2DRNMFI.js → chunk.FVVB5HDY.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.K2DRNMFI.js.map
+//# sourceMappingURL=chunk.FVVB5HDY.js.map

package/dist/chunks/{chunk.T2QEN2WJ.js → chunk.FXL55MVZ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.T2QEN2WJ.js.map
+//# sourceMappingURL=chunk.FXL55MVZ.js.map

package/dist/chunks/{chunk.SSD7LFII.js → chunk.GWCQ3GZX.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.R374RW24.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.SSD7LFII.js.map
+//# sourceMappingURL=chunk.GWCQ3GZX.js.map

package/dist/chunks/{chunk.YSBZJK7W.js → chunk.HDQGMYQG.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.YSBZJK7W.js.map
+//# sourceMappingURL=chunk.HDQGMYQG.js.map

package/dist/chunks/{chunk.PY4SI553.js → chunk.HMKDOZFF.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.HEWZ7ZZ5.js";
+} from "./chunk.NIWENZD6.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.PY4SI553.js.map
+//# sourceMappingURL=chunk.HMKDOZFF.js.map

package/dist/chunks/{chunk.KGARHHPP.js → chunk.I7YXJCWM.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.R374RW24.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.KGARHHPP.js.map
+//# sourceMappingURL=chunk.I7YXJCWM.js.map

package/dist/chunks/{chunk.UET3557K.js → chunk.IEEJG4AP.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.XAQKFEHH.js";
 import {
   SynDivider
-} from "./chunk.BFEJ3UNF.js";
+} from "./chunk.3I4YZSRK.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -25,7 +25,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.R374RW24.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -867,4 +867,4 @@ SynInput = __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.UET3557K.js.map
+//# sourceMappingURL=chunk.IEEJG4AP.js.map

package/dist/chunks/{chunk.S7RB3UJN.js → chunk.IF7E7HRT.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButtonGroup
-} from "./chunk.PG7FBXWY.js";
+} from "./chunk.AWS2MICZ.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.S7RB3UJN.js.map
+//# sourceMappingURL=chunk.IF7E7HRT.js.map

package/dist/chunks/{chunk.MROWRPBO.js → chunk.IMXTRFRW.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.MROWRPBO.js.map
+//# sourceMappingURL=chunk.IMXTRFRW.js.map

package/dist/chunks/{chunk.LQ5VK3NQ.js → chunk.IYJ37VVX.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.LSCGFUXZ.js";
+} from "./chunk.7KWH24OC.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.LQ5VK3NQ.js.map
+//# sourceMappingURL=chunk.IYJ37VVX.js.map

package/dist/chunks/{chunk.EARM7X5Q.js → chunk.JAC7XIMS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.2MKFTHHY.js";
+} from "./chunk.WUSXYKZB.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -32,10 +32,10 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   alert_custom_styles_default
-} from "./chunk.QBHZAR4C.js";
+} from "./chunk.MX72UPWV.js";
 import {
   alert_styles_default
 } from "./chunk.BXY667C7.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.EARM7X5Q.js.map
+//# sourceMappingURL=chunk.JAC7XIMS.js.map

package/dist/chunks/{chunk.HUFMPRKJ.js → chunk.KCC6YWRT.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.FSVS6EWO.js";
+} from "./chunk.5PWZC7F4.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.HUFMPRKJ.js.map
+//# sourceMappingURL=chunk.KCC6YWRT.js.map

package/dist/chunks/{chunk.X347YJKJ.js → chunk.KHM5H4AY.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.5V47GZA4.js";
 import {
   SynDivider
-} from "./chunk.BFEJ3UNF.js";
+} from "./chunk.3I4YZSRK.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.R374RW24.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -354,4 +354,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.X347YJKJ.js.map
+//# sourceMappingURL=chunk.KHM5H4AY.js.map

package/dist/chunks/{chunk.G4NFMTPO.js → chunk.LOCTTBCT.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.X347YJKJ.js";
+} from "./chunk.KHM5H4AY.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.G4NFMTPO.js.map
+//# sourceMappingURL=chunk.LOCTTBCT.js.map

package/dist/chunks/{chunk.IERYKRK3.js → chunk.LQX4J7MX.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.T2QEN2WJ.js";
+} from "./chunk.FXL55MVZ.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.IERYKRK3.js.map
+//# sourceMappingURL=chunk.LQX4J7MX.js.map

package/dist/chunks/{chunk.ZE3P5PIL.js → chunk.LSHCNH7G.js}

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

package/dist/chunks/{chunk.6UPYZ54M.js → chunk.M3QDRWKX.js}

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

package/dist/chunks/{chunk.423FN5RY.js → chunk.M4IZ57SA.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.C447HKVA.js";
+} from "./chunk.TGTBTRXM.js";
 import {
   compareValues,
   isAllowedValue
@@ -13,7 +13,7 @@ import {
 } from "./chunk.XTWO6ZZW.js";
 import {
   SynPopup
-} from "./chunk.QZ3OGNQ4.js";
+} from "./chunk.VYTM6RTO.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,7 +40,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.R374RW24.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -55,7 +55,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.423FN5RY.js.map
+//# sourceMappingURL=chunk.M4IZ57SA.js.map

package/dist/chunks/{chunk.S3627AIU.js → chunk.MHPFO3LD.js}

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

package/dist/chunks/chunk.MX72UPWV.js

@@ -0,0 +1,107 @@
+// src/components/alert/alert.custom.styles.ts
+import { css } from "lit";
+var alert_custom_styles_default = css`
+  .alert {
+    /* Defines the used border and icon color for variants */
+    --variant-color-border: var(--syn-alert-informative-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-informative-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-informative-color-icon, var(--syn-color-primary-600));
+    --variant-color-indicator: var(--syn-alert-informative-color-indicator, var(--syn-color-primary-600));
+
+    background-color: var(--variant-color-background);
+    border: var(--syn-panel-border-width) solid var(--variant-color-border);
+    border-left: 0;
+    border-radius: var(--syn-border-radius-none);
+    color: var(--syn-typography-color-text);
+    font-size: var(--syn-font-size-medium);
+    line-height: var(--syn-line-height-normal);
+    min-height: 56px;
+  }
+
+  /**
+   * Add back the items left borders
+   * This is done to prevent border clipping with the large border-left needed on .alert
+   * Note we also need to adjust our paddings to add the border width here
+   */
+  .alert::before {
+    background: var(--variant-color-indicator);
+    bottom: -1px;
+    content: "";
+    left: 0;
+    position: absolute;
+    top: -1px;
+    width: var(--syn-spacing-2x-small);
+  }
+
+  .alert :first-child {
+    margin-inline-start: var(--syn-spacing-2x-small);
+  }
+
+  /**
+   * Make sure everything is aligned to top
+   */
+  .alert__icon,
+  .alert__close-button {
+    align-items: flex-start;
+    font-size: var(--syn-font-size-x-large);
+  }
+
+  .alert__message {
+    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-medium) var(--syn-spacing-medium);
+  }
+
+  /**
+   * Alert Icon
+   */
+  .alert__icon {
+    color: var(--variant-color-icon);
+    padding-block: var(--syn-spacing-medium);
+    padding-inline-start: var(--syn-spacing-medium);
+  }
+
+  /**
+   * Close Icon
+   */
+  .alert__close-button {
+    align-self: start;
+    color: var(--syn-typography-color-text);
+    margin-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));
+    margin-inline-end: var(--syn-spacing-x-small);
+  }
+
+  /**
+   * Variant colors
+   */
+  .alert--success {
+    --variant-color-border: var(--syn-alert-success-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-success-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-success-color-icon, var(--syn-color-success-500));
+    --variant-color-indicator: var(--syn-alert-success-color-indicator, var(--syn-color-success-500));
+  }
+
+  .alert--neutral {
+    --variant-color-border: var(--syn-alert-neutral-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-neutral-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-neutral-color-icon, var(--syn-color-neutral-800));
+    --variant-color-indicator: var(--syn-alert-neutral-color-indicator, var(--syn-color-neutral-800));
+  }
+
+  .alert--warning {
+    --variant-color-border: var(--syn-alert-warning-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-warning-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-warning-color-icon, var(--syn-color-warning-400));
+    --variant-color-indicator: var(--syn-alert-warning-color-indicator, var(--syn-color-warning-400));
+  }
+
+  .alert--danger {
+    --variant-color-border: var(--syn-alert-error-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-error-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-error-color-icon, var(--syn-color-error-600));
+    --variant-color-indicator: var(--syn-alert-error-color-indicator, var(--syn-color-error-600));
+  }
+`;
+
+export {
+  alert_custom_styles_default
+};
+//# sourceMappingURL=chunk.MX72UPWV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .alert {\n    /* Defines the used border and icon color for variants */\n    --variant-color-border: var(--syn-alert-informative-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-informative-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-informative-color-icon, var(--syn-color-primary-600));\n    --variant-color-indicator: var(--syn-alert-informative-color-indicator, var(--syn-color-primary-600));\n\n    background-color: var(--variant-color-background);\n    border: var(--syn-panel-border-width) solid var(--variant-color-border);\n    border-left: 0;\n    border-radius: var(--syn-border-radius-none);\n    color: var(--syn-typography-color-text);\n    font-size: var(--syn-font-size-medium);\n    line-height: var(--syn-line-height-normal);\n    min-height: 56px;\n  }\n\n  /**\n   * Add back the items left borders\n   * This is done to prevent border clipping with the large border-left needed on .alert\n   * Note we also need to adjust our paddings to add the border width here\n   */\n  .alert::before {\n    background: var(--variant-color-indicator);\n    bottom: -1px;\n    content: \"\";\n    left: 0;\n    position: absolute;\n    top: -1px;\n    width: var(--syn-spacing-2x-small);\n  }\n\n  .alert :first-child {\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  /**\n   * Make sure everything is aligned to top\n   */\n  .alert__icon,\n  .alert__close-button {\n    align-items: flex-start;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .alert__message {\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-medium) var(--syn-spacing-medium);\n  }\n\n  /**\n   * Alert Icon\n   */\n  .alert__icon {\n    color: var(--variant-color-icon);\n    padding-block: var(--syn-spacing-medium);\n    padding-inline-start: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Close Icon\n   */\n  .alert__close-button {\n    align-self: start;\n    color: var(--syn-typography-color-text);\n    margin-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Variant colors\n   */\n  .alert--success {\n    --variant-color-border: var(--syn-alert-success-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-success-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-success-color-icon, var(--syn-color-success-500));\n    --variant-color-indicator: var(--syn-alert-success-color-indicator, var(--syn-color-success-500));\n  }\n\n  .alert--neutral {\n    --variant-color-border: var(--syn-alert-neutral-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-neutral-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-neutral-color-icon, var(--syn-color-neutral-800));\n    --variant-color-indicator: var(--syn-alert-neutral-color-indicator, var(--syn-color-neutral-800));\n  }\n\n  .alert--warning {\n    --variant-color-border: var(--syn-alert-warning-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-warning-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-warning-color-icon, var(--syn-color-warning-400));\n    --variant-color-indicator: var(--syn-alert-warning-color-indicator, var(--syn-color-warning-400));\n  }\n\n  .alert--danger {\n    --variant-color-border: var(--syn-alert-error-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-error-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-error-color-icon, var(--syn-color-error-600));\n    --variant-color-indicator: var(--syn-alert-error-color-indicator, var(--syn-color-error-600));\n  }\n`;\n"],
+  "mappings": ";AAAA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.V46DX2S3.js → chunk.MZNYNFUV.js}

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

package/dist/chunks/{chunk.F4I4AKSO.js → chunk.NGXC5IDE.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.3UNXIP2P.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.F4I4AKSO.js.map
+//# sourceMappingURL=chunk.NGXC5IDE.js.map