@synergy-design-system/components 2.72.0 → 2.74.0

package/dist/chunks/{chunk.6QJYD7WX.js → chunk.YBZFYBWC.js}

@@ -12,6 +12,7 @@ var defaultSettings = {
   },
   size: {
     SynAccordion: "medium",
+    SynAlert: "medium",
     SynButton: "medium",
     SynCheckbox: "medium",
     SynCombobox: "medium",
@@ -45,6 +46,7 @@ var INITIAL_DEFAULT_SETTINGS = {
   },
   size: {
     SynAccordion: "medium",
+    SynAlert: "medium",
     SynButton: "medium",
     SynCheckbox: "medium",
     SynCombobox: "medium",
@@ -74,4 +76,4 @@ export {
   defaultSettings,
   INITIAL_DEFAULT_SETTINGS
 };
-//# sourceMappingURL=chunk.6QJYD7WX.js.map
+//# sourceMappingURL=chunk.YBZFYBWC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utilities/defaultSettings/base.ts"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/quotes */\n// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED file for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\n\n// Global imports\nimport { nativeNumericStrategy } from \"../../components/input/strategies.js\";\n\n// Type imports\nimport type SynAccordion from \"../../components/accordion/accordion.js\";\nimport type SynAlert from \"../../components/alert/alert.js\";\nimport type SynBadge from \"../../components/badge/badge.js\";\nimport type SynButton from \"../../components/button/button.js\";\nimport type SynCheckbox from \"../../components/checkbox/checkbox.js\";\nimport type SynCombobox from \"../../components/combobox/combobox.js\";\nimport type SynDetails from \"../../components/details/details.js\";\nimport type SynFile from \"../../components/file/file.js\";\nimport type SynIconButton from \"../../components/icon-button/icon-button.js\";\nimport type SynInput from \"../../components/input/input.js\";\nimport type SynRadioButton from \"../../components/radio-button/radio-button.js\";\nimport type SynRadioGroup from \"../../components/radio-group/radio-group.js\";\nimport type SynRadio from \"../../components/radio/radio.js\";\nimport type SynRange from \"../../components/range/range.js\";\nimport type SynSelect from \"../../components/select/select.js\";\nimport type SynSideNav from \"../../components/side-nav/side-nav.js\";\nimport type SynSwitch from \"../../components/switch/switch.js\";\nimport type SynTag from \"../../components/tag/tag.js\";\nimport type SynTextarea from \"../../components/textarea/textarea.js\";\nimport type SynValidate from \"../../components/validate/validate.js\";\nimport type SynergyElement from \"../../internal/synergy-element.js\";\nimport type { SynDefaultChangedAttribute } from \"../../events/events.js\";\n\n// Core types\n\n/**\n * Custom helper type that adds decorated properties from\n * the globalSettings helper.\n */\nexport type GlobalSettingsEnabledElement = SynergyElement & {\n  __originalDecoratedClassName: string;\n  overrideGlobalSettings: (\n    changedProperties: SynDefaultChangedAttribute[],\n  ) => void;\n};\n\n/**\n * Allows for partial recursive types\n */\nexport type RecursivePartial<T> = {\n  [P in keyof T]?: T[P] extends object ? RecursivePartial<T[P]> : T[P];\n};\n\n/**\n * Allowed value for a default setting\n * Gets the value of a given attribute for a given component\n */\nexport type AllowedValueForDefaultSetting<\n  Elm extends SynergyElement,\n  Attr extends keyof Elm,\n> = Elm[Attr];\n\n/**\n * List of all components that have default values\n */\nexport type ComponentNamesWithDefaultValues =\n  | \"SynAccordion\"\n  | \"SynAlert\"\n  | \"SynBadge\"\n  | \"SynButton\"\n  | \"SynCheckbox\"\n  | \"SynCombobox\"\n  | \"SynDetails\"\n  | \"SynFile\"\n  | \"SynIconButton\"\n  | \"SynInput\"\n  | \"SynRadio\"\n  | \"SynRadioButton\"\n  | \"SynRadioGroup\"\n  | \"SynRange\"\n  | \"SynSelect\"\n  | \"SynSideNav\"\n  | \"SynSwitch\"\n  | \"SynTag\"\n  | \"SynTextarea\"\n  | \"SynValidate\";\n\n/**\n * Extracts all available default settings for a given component\n */\nexport type ExtractSettingsForElement<C extends SynergyElement> = {\n  [key in keyof SynDefaultSettings]?: key extends keyof C\n    ? AllowedValueForDefaultSetting<C, key>\n    : never;\n};\n\n/**\n * Default settings map for all component values that have defaults set\n */\nexport type SynDefaultSettings = {\n  delimiter: {\n    SynSelect?: AllowedValueForDefaultSetting<SynSelect, \"delimiter\">;\n  };\n  numericStrategy: {\n    SynInput?: AllowedValueForDefaultSetting<SynInput, \"numericStrategy\">;\n  };\n  size: {\n    SynAccordion?: AllowedValueForDefaultSetting<SynAccordion, \"size\">;\n    SynAlert?: AllowedValueForDefaultSetting<SynAlert, \"size\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"size\">;\n    SynCheckbox?: AllowedValueForDefaultSetting<SynCheckbox, \"size\">;\n    SynCombobox?: AllowedValueForDefaultSetting<SynCombobox, \"size\">;\n    SynDetails?: AllowedValueForDefaultSetting<SynDetails, \"size\">;\n    SynFile?: AllowedValueForDefaultSetting<SynFile, \"size\">;\n    SynIconButton?: AllowedValueForDefaultSetting<SynIconButton, \"size\">;\n    SynInput?: AllowedValueForDefaultSetting<SynInput, \"size\">;\n    SynRadio?: AllowedValueForDefaultSetting<SynRadio, \"size\">;\n    SynRadioButton?: AllowedValueForDefaultSetting<SynRadioButton, \"size\">;\n    SynRadioGroup?: AllowedValueForDefaultSetting<SynRadioGroup, \"size\">;\n    SynRange?: AllowedValueForDefaultSetting<SynRange, \"size\">;\n    SynSelect?: AllowedValueForDefaultSetting<SynSelect, \"size\">;\n    SynSwitch?: AllowedValueForDefaultSetting<SynSwitch, \"size\">;\n    SynTag?: AllowedValueForDefaultSetting<SynTag, \"size\">;\n    SynTextarea?: AllowedValueForDefaultSetting<SynTextarea, \"size\">;\n  };\n  variant: {\n    SynAlert?: AllowedValueForDefaultSetting<SynAlert, \"variant\">;\n    SynBadge?: AllowedValueForDefaultSetting<SynBadge, \"variant\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"variant\">;\n    SynSideNav?: AllowedValueForDefaultSetting<SynSideNav, \"variant\">;\n    SynValidate?: AllowedValueForDefaultSetting<SynValidate, \"variant\">;\n  };\n};\n\n// Exports\n\n/**\n * Default settings for all components\n */\nexport const defaultSettings: SynDefaultSettings = {\n  delimiter: {\n    SynSelect: \" \",\n  },\n  numericStrategy: {\n    SynInput: nativeNumericStrategy,\n  },\n  size: {\n    SynAccordion: \"medium\",\n    SynAlert: \"medium\",\n    SynButton: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynSideNav: \"default\",\n    SynValidate: \"native\",\n  },\n};\n\n/**\n * Initial default settings for all components\n */\nexport const INITIAL_DEFAULT_SETTINGS: SynDefaultSettings = {\n  delimiter: {\n    SynSelect: \" \",\n  },\n  numericStrategy: {\n    SynInput: nativeNumericStrategy,\n  },\n  size: {\n    SynAccordion: \"medium\",\n    SynAlert: \"medium\",\n    SynButton: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynSideNav: \"default\",\n    SynValidate: \"native\",\n  },\n};\n"],
+  "mappings": ";;;;;AA4IO,IAAM,kBAAsC;AAAA,EACjD,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,UAAU;AAAA,IACV,WAAW;AAAA,IACX,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF;AAKO,IAAM,2BAA+C;AAAA,EAC1D,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,UAAU;AAAA,IACV,WAAW;AAAA,IACX,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF;",
+  "names": []
+}

package/dist/chunks/{chunk.VW2T7WUR.js → chunk.ZCX7PCEL.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.N6RFXGNC.js";
+} from "./chunk.JLKT6OGE.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.VW2T7WUR.js.map
+//# sourceMappingURL=chunk.ZCX7PCEL.js.map

package/dist/chunks/{chunk.S3K4F4VS.js → chunk.ZGDGPG2A.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.AAJZOB5O.js";
+} from "./chunk.LP4OSR7I.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.S3K4F4VS.js.map
+//# sourceMappingURL=chunk.ZGDGPG2A.js.map

package/dist/chunks/{chunk.NHRUO5ME.js → chunk.ZM7CHOP2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.27YHXJTS.js";
+} from "./chunk.63R7LKO6.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
+} from "./chunk.HYFCK7MM.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -32,10 +32,10 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.5VUXREQQ.js";
+} from "./chunk.EXWGH7UL.js";
 import {
   alert_custom_styles_default
-} from "./chunk.MX72UPWV.js";
+} from "./chunk.4GYLPSAW.js";
 import {
   alert_styles_default
 } from "./chunk.BXY667C7.js";
@@ -56,6 +56,7 @@ var SynAlert = class extends SynergyElement {
     this.closable = false;
     this.variant = "primary";
     this.duration = Infinity;
+    this.size = "medium";
     this.remainingTime = this.duration;
   }
   static get toastStack() {
@@ -189,6 +190,9 @@ var SynAlert = class extends SynergyElement {
         class=${classMap({
       alert: true,
       "alert--open": this.open,
+      "alert--small": this.size === "small",
+      "alert--medium": this.size === "medium",
+      "alert--large": this.size === "large",
       "alert--closable": this.closable,
       "alert--has-icon": this.hasSlotController.test("icon"),
       "alert--primary": this.variant === "primary",
@@ -258,6 +262,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Number })
 ], SynAlert.prototype, "duration", 2);
+__decorateClass([
+  property({ reflect: true })
+], SynAlert.prototype, "size", 2);
 __decorateClass([
   state()
 ], SynAlert.prototype, "remainingTime", 2);
@@ -288,4 +295,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.NHRUO5ME.js.map
+//# sourceMappingURL=chunk.ZM7CHOP2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.component.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 { animateTo, stopAnimations } from '../../internal/animate.js';\nimport { blurActiveElement } from '../../internal/closeActiveElement.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIconButton from '../icon-button/icon-button.component.js';\nimport styles from './alert.styles.js';\nimport customStyles from './alert.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - The alert's main content.\n * @slot icon - An icon to show in the alert. Works best with `<syn-icon>`.\n *\n * @event syn-show - Emitted when the alert opens.\n * @event syn-after-show - Emitted after the alert opens and all animations are complete.\n * @event syn-hide - Emitted when the alert closes.\n * @event syn-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n * @csspart close-button - The close button, an `<syn-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */\n@enableDefaultSettings('SynAlert')\nexport default class SynAlert extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon-button': SynIconButton };\n\n  private autoHideTimeout: number;\n  private remainingTimeInterval: number;\n  private countdownAnimation?: Animation;\n  private readonly hasSlotController = new HasSlotController(this, 'icon', 'suffix');\n  private readonly localize = new LocalizeController(this);\n\n  private static currentToastStack: HTMLDivElement;\n\n  private static get toastStack() {\n    if (!this.currentToastStack) {\n      this.currentToastStack = Object.assign(document.createElement('div'), {\n        className: 'syn-toast-stack'\n      });\n    }\n    return this.currentToastStack;\n  }\n\n  @query('[part~=\"base\"]') base: HTMLElement;\n\n  @query('.alert__countdown-elapsed') countdownElement: HTMLElement;\n\n  /**\n   * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Enables a close button that allows the user to dismiss the alert. */\n  @property({ type: Boolean, reflect: true }) closable = false;\n\n  /** The alert's theme variant. */\n  @property({ reflect: true }) variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' = 'primary';\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\n   * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\n   * the alert will not close on its own.\n   */\n  @property({ type: Number }) duration = Infinity;\n\n  /** The alert's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Enables a countdown that indicates the remaining time the alert will be displayed.\n   * Typically used to indicate the remaining time before a whole app refresh.\n   */\n  private countdown? : 'rtl' | 'ltr';\n\n  @state() private remainingTime = this.duration;\n\n  firstUpdated() {\n    this.base.hidden = !this.open;\n  }\n\n  private restartAutoHide() {\n    this.handleCountdownChange();\n    clearTimeout(this.autoHideTimeout);\n    clearInterval(this.remainingTimeInterval);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n      this.remainingTime = this.duration;\n      this.remainingTimeInterval = window.setInterval(() => {\n        this.remainingTime -= 100;\n      }, 100);\n    }\n  }\n\n  private pauseAutoHide() {\n    this.countdownAnimation?.pause();\n    clearTimeout(this.autoHideTimeout);\n    clearInterval(this.remainingTimeInterval);\n  }\n\n  private resumeAutoHide() {\n    if (this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.remainingTime);\n      this.remainingTimeInterval = window.setInterval(() => {\n        this.remainingTime -= 100;\n      }, 100);\n      this.countdownAnimation?.play();\n    }\n  }\n\n  private handleCountdownChange() {\n    if (this.open && this.duration < Infinity && this.countdown) {\n      const { countdownElement } = this;\n      const start = '100%';\n      const end = '0';\n      this.countdownAnimation = countdownElement.animate([{ width: start }, { width: end }], {\n        duration: this.duration,\n        easing: 'linear'\n      });\n    }\n  }\n\n  private handleCloseClick() {\n    this.hide();\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      // Show\n      this.emit('syn-show');\n\n      if (this.duration < Infinity) {\n        this.restartAutoHide();\n      }\n\n      await stopAnimations(this.base);\n      this.base.hidden = false;\n      const { keyframes, options } = getAnimation(this, 'alert.show', { dir: this.localize.dir() });\n      await animateTo(this.base, keyframes, options);\n\n      this.emit('syn-after-show');\n    } else {\n      // Hide\n      blurActiveElement(this);\n      this.emit('syn-hide');\n\n      clearTimeout(this.autoHideTimeout);\n      clearInterval(this.remainingTimeInterval);\n\n      await stopAnimations(this.base);\n      const { keyframes, options } = getAnimation(this, 'alert.hide', { dir: this.localize.dir() });\n      await animateTo(this.base, keyframes, options);\n      this.base.hidden = true;\n\n      this.emit('syn-after-hide');\n    }\n  }\n\n  @watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Shows the alert. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'syn-after-show');\n  }\n\n  /** Hides the alert */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   */\n  async toast() {\n    return new Promise<void>(resolve => {\n      this.handleCountdownChange();\n      if (SynAlert.toastStack.parentElement === null) {\n        document.body.append(SynAlert.toastStack);\n      }\n\n      SynAlert.toastStack.appendChild(this);\n\n      // Wait for the toast stack to render\n      requestAnimationFrame(() => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- force a reflow for the initial transition\n        this.clientWidth;\n        this.show();\n      });\n\n      this.addEventListener(\n        'syn-after-hide',\n        () => {\n          SynAlert.toastStack.removeChild(this);\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (SynAlert.toastStack.querySelector('syn-alert') === null) {\n            SynAlert.toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          alert: true,\n          'alert--open': this.open,\n          'alert--small': this.size === 'small',\n          'alert--medium': this.size === 'medium',\n          'alert--large': this.size === 'large',\n          'alert--closable': this.closable,\n          'alert--has-icon': this.hasSlotController.test('icon'),\n          'alert--primary': this.variant === 'primary',\n          'alert--success': this.variant === 'success',\n          'alert--neutral': this.variant === 'neutral',\n          'alert--warning': this.variant === 'warning',\n          'alert--danger': this.variant === 'danger'\n        })}\n        role=\"alert\"\n        aria-hidden=${this.open ? 'false' : 'true'}\n        @mouseenter=${this.pauseAutoHide}\n        @mouseleave=${this.resumeAutoHide}\n      >\n        <div part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n\n        <div part=\"message\" class=\"alert__message\" aria-live=\"polite\">\n          <slot></slot>\n        </div>\n\n        ${this.closable\n          ? html`\n              <syn-icon-button\n                part=\"close-button\"\n                exportparts=\"base:close-button__base\"\n                class=\"alert__close-button\"\n                name=\"x-lg\"\n                library=\"system\"\n                label=${this.localize.term('close')}\n                @click=${this.handleCloseClick}\n              ></syn-icon-button>\n            `\n          : ''}\n\n        <div role=\"timer\" class=\"alert__timer\">${this.remainingTime}</div>\n\n        ${this.countdown\n          ? html`\n              <div\n                class=${classMap({\n                  alert__countdown: true,\n                  'alert__countdown--ltr': this.countdown === 'ltr'\n                })}\n              >\n                <div class=\"alert__countdown-elapsed\"></div>\n              </div>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('alert.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('alert.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,14 +1,14 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.6CDKAXCK.js";
+} from "../../chunks/chunk.WU6XDHS4.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,15 +1,15 @@
 import {
   accordion_default
-} from "../../chunks/chunk.ZJIQSCEF.js";
-import "../../chunks/chunk.6CDKAXCK.js";
+} from "../../chunks/chunk.BOIZLENZ.js";
+import "../../chunks/chunk.WU6XDHS4.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   accordion_default as default

package/dist/components/alert/alert.component.d.ts

@@ -61,6 +61,8 @@ export default class SynAlert extends SynergyElement {
      * the alert will not close on its own.
      */
     duration: number;
+    /** The alert's size. */
+    size: 'small' | 'medium' | 'large';
     /**
      * Enables a countdown that indicates the remaining time the alert will be displayed.
      * Typically used to indicate the remaining time before a whole app refresh.

package/dist/components/alert/alert.component.js

@@ -1,15 +1,15 @@
 import {
   SynAlert
-} from "../../chunks/chunk.NHRUO5ME.js";
+} from "../../chunks/chunk.ZM7CHOP2.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.27YHXJTS.js";
+import "../../chunks/chunk.63R7LKO6.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.E3Z62YYT.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.OOSENQ6W.js";
+import "../../chunks/chunk.H73IAJJE.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -20,14 +20,14 @@ import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
-import "../../chunks/chunk.MX72UPWV.js";
+import "../../chunks/chunk.EXWGH7UL.js";
+import "../../chunks/chunk.4GYLPSAW.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {

package/dist/components/alert/alert.custom.styles.js

@@ -1,6 +1,6 @@
 import {
   alert_custom_styles_default
-} from "../../chunks/chunk.MX72UPWV.js";
+} from "../../chunks/chunk.4GYLPSAW.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   alert_custom_styles_default as default

package/dist/components/alert/alert.js

@@ -1,16 +1,16 @@
 import {
   alert_default
-} from "../../chunks/chunk.5SD54EYR.js";
-import "../../chunks/chunk.NHRUO5ME.js";
+} from "../../chunks/chunk.6C5JNA5R.js";
+import "../../chunks/chunk.ZM7CHOP2.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.27YHXJTS.js";
+import "../../chunks/chunk.63R7LKO6.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.E3Z62YYT.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.OOSENQ6W.js";
+import "../../chunks/chunk.H73IAJJE.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -21,14 +21,14 @@ import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
-import "../../chunks/chunk.MX72UPWV.js";
+import "../../chunks/chunk.EXWGH7UL.js";
+import "../../chunks/chunk.4GYLPSAW.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {

package/dist/components/badge/badge.component.js

@@ -1,16 +1,16 @@
 import {
   SynBadge
-} from "../../chunks/chunk.SKHZWU2I.js";
+} from "../../chunks/chunk.I3MOJ5CM.js";
 import "../../chunks/chunk.CCEFC33U.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,17 +1,17 @@
 import {
   badge_default
-} from "../../chunks/chunk.MDDR5NB2.js";
-import "../../chunks/chunk.SKHZWU2I.js";
+} from "../../chunks/chunk.534GA3OZ.js";
+import "../../chunks/chunk.I3MOJ5CM.js";
 import "../../chunks/chunk.CCEFC33U.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   badge_default as default

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -1,9 +1,9 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.2C4CXGCX.js";
+} from "../../chunks/chunk.2OJY3PED.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.OOSENQ6W.js";
+import "../../chunks/chunk.H73IAJJE.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBreadcrumb as default

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,10 +1,10 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.RPVIKLPF.js";
-import "../../chunks/chunk.2C4CXGCX.js";
+} from "../../chunks/chunk.4OGUNXLN.js";
+import "../../chunks/chunk.2OJY3PED.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.OOSENQ6W.js";
+import "../../chunks/chunk.H73IAJJE.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb-item/breadcrumb-item.component.js

@@ -1,12 +1,12 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.J3FVFKXG.js";
+} from "../../chunks/chunk.IX2VNOGV.js";
 import "../../chunks/chunk.77CVXMWD.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBreadcrumbItem as default

package/dist/components/breadcrumb-item/breadcrumb-item.js

@@ -1,13 +1,13 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.TTFD77IU.js";
-import "../../chunks/chunk.J3FVFKXG.js";
+} from "../../chunks/chunk.DUHQT5UC.js";
+import "../../chunks/chunk.IX2VNOGV.js";
 import "../../chunks/chunk.77CVXMWD.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   breadcrumb_item_default as default

package/dist/components/button/button.component.js

@@ -1,14 +1,14 @@
 import {
   SynButton
-} from "../../chunks/chunk.CZCPN5QP.js";
-import "../../chunks/chunk.OBKYI2HM.js";
+} from "../../chunks/chunk.QNTS4D5M.js";
+import "../../chunks/chunk.3VPFP2NO.js";
 import "../../chunks/chunk.4WQZFNSE.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.VWY2RG4F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.OOSENQ6W.js";
+import "../../chunks/chunk.H73IAJJE.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -19,13 +19,13 @@ import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynButton as default

package/dist/components/button/button.js

@@ -1,15 +1,15 @@
 import {
   button_default
-} from "../../chunks/chunk.FWQXG4HU.js";
-import "../../chunks/chunk.CZCPN5QP.js";
-import "../../chunks/chunk.OBKYI2HM.js";
+} from "../../chunks/chunk.YBEBHRLF.js";
+import "../../chunks/chunk.QNTS4D5M.js";
+import "../../chunks/chunk.3VPFP2NO.js";
 import "../../chunks/chunk.4WQZFNSE.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.VWY2RG4F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.OOSENQ6W.js";
+import "../../chunks/chunk.H73IAJJE.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -20,13 +20,13 @@ import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.E5UUNP6E.js";
-import "../../chunks/chunk.HC4N72MX.js";
-import "../../chunks/chunk.6QJYD7WX.js";
+import "../../chunks/chunk.HYFCK7MM.js";
+import "../../chunks/chunk.C4JMEKUF.js";
+import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   button_default as default

package/dist/components/button-group/button-group.component.js

@@ -1,9 +1,9 @@
 import {
   SynButtonGroup
-} from "../../chunks/chunk.EQEWMIOQ.js";
+} from "../../chunks/chunk.F74LVOLR.js";
 import "../../chunks/chunk.GRVNUIP2.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynButtonGroup as default

package/dist/components/button-group/button-group.js

@@ -1,10 +1,10 @@
 import {
   button_group_default
-} from "../../chunks/chunk.E6CZIIF4.js";
-import "../../chunks/chunk.EQEWMIOQ.js";
+} from "../../chunks/chunk.MZGHM43B.js";
+import "../../chunks/chunk.F74LVOLR.js";
 import "../../chunks/chunk.GRVNUIP2.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   button_group_default as default

package/dist/components/card/card.component.js

@@ -1,11 +1,11 @@
 import {
   SynCard
-} from "../../chunks/chunk.7LLJ4AV6.js";
+} from "../../chunks/chunk.XJW5YGDP.js";
 import "../../chunks/chunk.O655X4YP.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynCard as default

package/dist/components/card/card.js

@@ -1,12 +1,12 @@
 import {
   card_default
-} from "../../chunks/chunk.EUCBCAOD.js";
-import "../../chunks/chunk.7LLJ4AV6.js";
+} from "../../chunks/chunk.FIBNLYVR.js";
+import "../../chunks/chunk.XJW5YGDP.js";
 import "../../chunks/chunk.O655X4YP.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5VUXREQQ.js";
+import "../../chunks/chunk.EXWGH7UL.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   card_default as default