@breadstone/mosaik-elements-foundation 0.1.9 → 0.1.10

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAuH9D"}
+{"version":3,"file":"EmptyStateElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA2I9D"}

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.js

@@ -93,7 +93,7 @@ export function emptyStateElementCosmopolitanStyle() {
   --icon-foreground-color: var(--empty-state-foreground-color);
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   font-family: var(--empty-state-header-font-family);
   font-size: var(--empty-state-header-font-size);
   line-height: var(--empty-state-header-font-line-height);
@@ -104,7 +104,17 @@ export function emptyStateElementCosmopolitanStyle() {
   text-transform: var(--empty-state-header-font-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
+:host slot[name="content"] {
   font-family: var(--empty-state-content-font-family);
   font-size: var(--empty-state-content-font-size);
   line-height: var(--empty-state-content-font-line-height);
@@ -115,6 +125,16 @@ export function emptyStateElementCosmopolitanStyle() {
   text-transform: var(--empty-state-content-font-text-transform);
 }
 
+:host slot[name="content"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
 :host [part="root"] {
   flex-direction: column;
   align-items: center;

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"EmptyStateElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyIT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA2IrD"}
+{"version":3,"file":"EmptyStateElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA+JrD"}

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.js

@@ -93,7 +93,7 @@ export function emptyStateElementJoyStyle() {
   --icon-foreground-color: var(--empty-state-foreground-color);
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   font-family: var(--empty-state-header-font-family);
   font-size: var(--empty-state-header-font-size);
   line-height: var(--empty-state-header-font-line-height);
@@ -104,7 +104,17 @@ export function emptyStateElementJoyStyle() {
   text-transform: var(--empty-state-header-font-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
+:host slot[name="content"] {
   font-family: var(--empty-state-content-font-family);
   font-size: var(--empty-state-content-font-size);
   line-height: var(--empty-state-content-font-line-height);
@@ -115,6 +125,16 @@ export function emptyStateElementJoyStyle() {
   text-transform: var(--empty-state-content-font-text-transform);
 }
 
+:host slot[name="content"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
 :host [part="root"] {
   flex-direction: column;
   align-items: center;
@@ -128,7 +148,7 @@ export function emptyStateElementJoyStyle() {
   display: flex;
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   --empty-state-header-font-family: var(--joy-typography-body1-font-family);
   --empty-state-header-font-size: var(--joy-typography-body1-font-size);
   --empty-state-header-font-line-height: var(--joy-typography-body1-line-height);
@@ -138,7 +158,7 @@ export function emptyStateElementJoyStyle() {
   --empty-state-header-font-text-transform: var(--joy-typography-body1-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="content"] {
   --empty-state-content-font-family: var(--joy-typography-body2-font-family);
   --empty-state-content-font-size: var(--joy-typography-body2-font-size);
   --empty-state-content-font-line-height: var(--joy-typography-body2-line-height);

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"EmptyStateElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6JT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA2IzD"}
+{"version":3,"file":"EmptyStateElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA+JzD"}

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.js

@@ -93,7 +93,7 @@ export function emptyStateElementMemphisStyle() {
   --icon-foreground-color: var(--empty-state-foreground-color);
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   font-family: var(--empty-state-header-font-family);
   font-size: var(--empty-state-header-font-size);
   line-height: var(--empty-state-header-font-line-height);
@@ -104,7 +104,17 @@ export function emptyStateElementMemphisStyle() {
   text-transform: var(--empty-state-header-font-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
+:host slot[name="content"] {
   font-family: var(--empty-state-content-font-family);
   font-size: var(--empty-state-content-font-size);
   line-height: var(--empty-state-content-font-line-height);
@@ -115,6 +125,16 @@ export function emptyStateElementMemphisStyle() {
   text-transform: var(--empty-state-content-font-text-transform);
 }
 
+:host slot[name="content"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
 :host [part="root"] {
   flex-direction: column;
   align-items: center;
@@ -128,7 +148,7 @@ export function emptyStateElementMemphisStyle() {
   display: flex;
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   --empty-state-header-font-family: var(--memphis-typography-body1-font-family);
   --empty-state-header-font-size: var(--memphis-typography-body1-font-size);
   --empty-state-header-font-line-height: var(--memphis-typography-body1-line-height);
@@ -138,7 +158,7 @@ export function emptyStateElementMemphisStyle() {
   --empty-state-header-font-text-transform: var(--memphis-typography-body1-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="content"] {
   --empty-state-content-font-family: var(--memphis-typography-body2-font-family);
   --empty-state-content-font-size: var(--memphis-typography-body2-font-size);
   --empty-state-content-font-line-height: var(--memphis-typography-body2-line-height);

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"EmptyStateElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6JT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Error/ErrorStateElement.d.ts

@@ -1,6 +1,7 @@
+import { ISlottable } from '../../../Behaviors/Slottable';
 import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { IErrorStateElementProps } from './IErrorStateElementProps';
-declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * ErrorState - An error handling component that displays failure states and recovery options for users.
  *
@@ -16,8 +17,10 @@ declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => imp
  * @element mosaik-error-state
  * @category States
  *
- * @slot - Default content area for additional error information or custom content
+ * @slot  - The default slot.
  * @slot actions - Action buttons for error recovery (retry, refresh, contact support, go back, etc.)
+ * @slot - Default content area for additional error information or custom content
+ * @slot header - The header slot.
  *
  * @csspart actions - The container for action slot elements
  * @csspart code - The code container for technical error details or error codes
@@ -33,7 +36,6 @@ declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => imp
  * @cssprop {String} --error-state-font-text-decoration - The state font text decoration CSS custom property.
  * @cssprop {String} --error-state-font-text-transform - The state font text transform CSS custom property.
  * @cssprop {String} --error-state-font-weight - The state font weight CSS custom property.
- * @cssprop {String} --error-state-foreground-color - The text color for error state content
  * @cssprop {String} --error-state-gap - The spacing between icon, text, and action elements
  * @cssprop {String} --error-state-header-font-family - The font family for header text
  * @cssprop {String} --error-state-header-font-letter-spacing - The letter spacing for header text
@@ -90,7 +92,7 @@ declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => imp
  *
  * @public
  */
-export declare class ErrorStateElement extends ErrorStateElement_base implements IErrorStateElementProps {
+export declare class ErrorStateElement extends ErrorStateElement_base implements IErrorStateElementProps, ISlottable {
     private _icon;
     private _header;
     private _code;

package/Controls/Components/States/Error/ErrorStateElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAOpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,qBAaa,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;;OAMG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;IAED;;;;;;;OAOG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;CAIJ;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}
+{"version":3,"file":"ErrorStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAOrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAOpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AACH,qBAaa,iBACT,SAAQ,sBACR,YAAW,uBAAuB,EAAE,UAAU;IAI9C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;;OAMG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;IAED;;;;;;;OAOG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;CAIJ;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}

package/Controls/Components/States/Error/ErrorStateElement.js

@@ -8,6 +8,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { Slottable } from '../../../Behaviors/Slottable';
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
@@ -35,8 +36,10 @@ import { errorStateElementMemphisStyle } from './Themes/ErrorStateElement.Memphi
  * @element mosaik-error-state
  * @category States
  *
- * @slot - Default content area for additional error information or custom content
+ * @slot  - The default slot.
  * @slot actions - Action buttons for error recovery (retry, refresh, contact support, go back, etc.)
+ * @slot - Default content area for additional error information or custom content
+ * @slot header - The header slot.
  *
  * @csspart actions - The container for action slot elements
  * @csspart code - The code container for technical error details or error codes
@@ -52,7 +55,6 @@ import { errorStateElementMemphisStyle } from './Themes/ErrorStateElement.Memphi
  * @cssprop {String} --error-state-font-text-decoration - The state font text decoration CSS custom property.
  * @cssprop {String} --error-state-font-text-transform - The state font text transform CSS custom property.
  * @cssprop {String} --error-state-font-weight - The state font weight CSS custom property.
- * @cssprop {String} --error-state-foreground-color - The text color for error state content
  * @cssprop {String} --error-state-gap - The spacing between icon, text, and action elements
  * @cssprop {String} --error-state-header-font-family - The font family for header text
  * @cssprop {String} --error-state-header-font-letter-spacing - The letter spacing for header text
@@ -109,7 +111,7 @@ import { errorStateElementMemphisStyle } from './Themes/ErrorStateElement.Memphi
  *
  * @public
  */
-let ErrorStateElement = class ErrorStateElement extends Themeable(StateBaseElement) {
+let ErrorStateElement = class ErrorStateElement extends Themeable(Slottable(StateBaseElement)) {
     // #region Fields
     _icon;
     _header;

package/Controls/Components/States/Error/ErrorStateElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ErrorStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AAcI,IAAM,iBAAiB,GAAvB,MAAM,iBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAG9C,iBAAiB;IAET,KAAK,CAAS;IACd,OAAO,CAAS;IAChB,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAED;;;;;;OAMG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,CAAC;IACL,CAAC;CAIJ,CAAA;AAjDG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AAeD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG1B;AAgBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG3B;AAzFQ,iBAAiB;IAb7B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,yBAAyB;QACnC,MAAM,EAAE;YACJ,GAAG,EAAE,yBAAyB;YAC9B,OAAO,EAAE,6BAA6B;YACtC,YAAY,EAAE,kCAAkC;SACnD;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;SACd;KACJ,CAAC;;GACW,iBAAiB,CAkG7B"}

package/Controls/Components/States/Error/ErrorStateElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAMjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAqC3F"}
+{"version":3,"file":"ErrorStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAMjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAyC3F"}

package/Controls/Components/States/Error/ErrorStateElementTemplate.js

@@ -18,22 +18,26 @@ export function errorStateElementTemplate(e) {
                      .data="${e.icon.trim().length > 0 ? e.icon : Icons.errorCircle}"
                      .variant="${Variant.Danger}"></mosaik-icon>
         <div part="root">
-            ${when(e.header, () => html `
-            <mosaik-text part="header"
-                         .readonly="${true}"
-                         .wrap="${true}"
-                         .alignment="${TextAlignment.Center}"
-                         .text="${e.header}"
-                         .formatter="${e.formatter}"></mosaik-text>
-            `)}
-            ${when(e.content, () => html `
-            <mosaik-text part="content"
-                         .readonly="${true}"
-                         .wrap="${true}"
-                         .alignment="${TextAlignment.Center}"
-                         .text="${e.content}"
-                         .formatter="${e.formatter}"></mosaik-text>
-            `)}
+            <slot name="header">
+                ${when(e.header.trim(), () => html `
+                <mosaik-text part="header"
+                             .readonly="${true}"
+                             .wrap="${true}"
+                             .alignment="${TextAlignment.Center}"
+                             .text="${e.header}"
+                             .formatter="${e.formatter}"></mosaik-text>
+                `)}
+            </slot>
+            <slot name="content">
+                ${when(e.content.trim(), () => html `
+                <mosaik-text part="content"
+                             .readonly="${true}"
+                             .wrap="${true}"
+                             .alignment="${TextAlignment.Center}"
+                             .text="${e.content}"
+                             .formatter="${e.formatter}"></mosaik-text>
+                `)}
+            </slot>
             ${when(e.code, () => html `
             <mosaik-text part="code"
                          .readonly="${true}"

package/Controls/Components/States/Error/ErrorStateElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;8BAEe,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW;iCAClD,OAAO,CAAC,MAAM;;cAEjC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEC,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,IAAI;uCACD,CAAC,CAAC,SAAS;aACrC,CAAC;;;uCAGyB,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAG9D,CAAC;AACN,CAAC"}
+{"version":3,"file":"ErrorStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;8BAEe,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW;iCAClD,OAAO,CAAC,MAAM;;;kBAG7B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAER,IAAI;sCACR,IAAI;2CACC,aAAa,CAAC,MAAM;sCACzB,CAAC,CAAC,MAAM;2CACH,CAAC,CAAC,SAAS;iBACrC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAET,IAAI;sCACR,IAAI;2CACC,aAAa,CAAC,MAAM;sCACzB,CAAC,CAAC,OAAO;2CACJ,CAAC,CAAC,SAAS;iBACrC,CAAC;;cAEJ,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEC,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,IAAI;uCACD,CAAC,CAAC,SAAS;aACrC,CAAC;;;uCAGyB,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAG9D,CAAC;AACN,CAAC"}

package/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAkH9D"}
+{"version":3,"file":"ErrorStateElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAsI9D"}

package/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.js

@@ -88,7 +88,7 @@ export function errorStateElementCosmopolitanStyle() {
   overflow: hidden;
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   font-family: var(--error-state-header-font-family);
   font-size: var(--error-state-header-font-size);
   line-height: var(--error-state-header-font-line-height);
@@ -99,7 +99,17 @@ export function errorStateElementCosmopolitanStyle() {
   text-transform: var(--error-state-header-font-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
+:host slot[name="content"] {
   font-family: var(--error-state-content-font-family);
   font-size: var(--error-state-content-font-size);
   line-height: var(--error-state-content-font-line-height);
@@ -110,6 +120,16 @@ export function errorStateElementCosmopolitanStyle() {
   text-transform: var(--error-state-content-font-text-transform);
 }
 
+:host slot[name="content"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
 :host [part="root"] {
   flex-direction: column;
   align-items: center;

package/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ErrorStateElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoIT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAqIrD"}
+{"version":3,"file":"ErrorStateElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAyJrD"}

package/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.js

@@ -87,7 +87,7 @@ export function errorStateElementJoyStyle() {
   overflow: hidden;
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   font-family: var(--error-state-header-font-family);
   font-size: var(--error-state-header-font-size);
   line-height: var(--error-state-header-font-line-height);
@@ -98,7 +98,17 @@ export function errorStateElementJoyStyle() {
   text-transform: var(--error-state-header-font-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
+:host slot[name="content"] {
   font-family: var(--error-state-content-font-family);
   font-size: var(--error-state-content-font-size);
   line-height: var(--error-state-content-font-line-height);
@@ -109,6 +119,16 @@ export function errorStateElementJoyStyle() {
   text-transform: var(--error-state-content-font-text-transform);
 }
 
+:host slot[name="content"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
 :host [part="root"] {
   flex-direction: column;
   align-items: center;
@@ -122,7 +142,7 @@ export function errorStateElementJoyStyle() {
   display: flex;
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   --error-state-header-font-family: var(--joy-typography-body1-font-family);
   --error-state-header-font-size: var(--joy-typography-body1-font-size);
   --error-state-header-font-line-height: var(--joy-typography-body1-line-height);
@@ -132,7 +152,7 @@ export function errorStateElementJoyStyle() {
   --error-state-header-font-text-transform: var(--joy-typography-body1-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="content"] {
   --error-state-content-font-family: var(--joy-typography-body2-font-family);
   --error-state-content-font-size: var(--joy-typography-body2-font-size);
   --error-state-content-font-line-height: var(--joy-typography-body2-line-height);

package/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ErrorStateElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuJT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAsIzD"}
+{"version":3,"file":"ErrorStateElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA0JzD"}

package/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.js

@@ -88,7 +88,7 @@ export function errorStateElementMemphisStyle() {
   overflow: hidden;
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   font-family: var(--error-state-header-font-family);
   font-size: var(--error-state-header-font-size);
   line-height: var(--error-state-header-font-line-height);
@@ -99,7 +99,17 @@ export function errorStateElementMemphisStyle() {
   text-transform: var(--error-state-header-font-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
+:host slot[name="content"] {
   font-family: var(--error-state-content-font-family);
   font-size: var(--error-state-content-font-size);
   line-height: var(--error-state-content-font-line-height);
@@ -110,6 +120,16 @@ export function errorStateElementMemphisStyle() {
   text-transform: var(--error-state-content-font-text-transform);
 }
 
+:host slot[name="content"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
 :host [part="root"] {
   flex-direction: column;
   align-items: center;
@@ -123,7 +143,7 @@ export function errorStateElementMemphisStyle() {
   display: flex;
 }
 
-:host [part="header"] {
+:host slot[name="header"] {
   --error-state-header-font-family: var(--memphis-typography-body1-font-family);
   --error-state-header-font-size: var(--memphis-typography-body1-font-size);
   --error-state-header-font-line-height: var(--memphis-typography-body1-line-height);
@@ -133,7 +153,7 @@ export function errorStateElementMemphisStyle() {
   --error-state-header-font-text-transform: var(--memphis-typography-body1-text-transform);
 }
 
-:host [part="content"] {
+:host slot[name="content"] {
   --error-state-content-font-family: var(--memphis-typography-body2-font-family);
   --error-state-content-font-size: var(--memphis-typography-body2-font-size);
   --error-state-content-font-line-height: var(--memphis-typography-body2-line-height);

package/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ErrorStateElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwJT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Success/SuccessStateElement.d.ts

@@ -1,6 +1,7 @@
+import { ISlottable } from '../../../Behaviors/Slottable';
 import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { ISuccessStateElementProps } from './ISuccessStateElementProps';
-declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * SuccessState - A celebration component that displays successful operations and positive outcomes to users.
  *
@@ -16,8 +17,10 @@ declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => i
  * @element mosaik-success-state
  * @category States
  *
- * @slot - Default content area for additional success information or custom content
+ * @slot  - The default slot.
  * @slot actions - Action buttons for next steps or related operations after success
+ * @slot - Default content area for additional success information or custom content
+ * @slot header - The header slot.
  *
  * @csspart actions - The container for action slot elements
  * @csspart content - The content text container for detailed success information
@@ -32,7 +35,6 @@ declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => i
  * @cssprop {String} --success-state-font-text-decoration - The state font text decoration CSS custom property.
  * @cssprop {String} --success-state-font-text-transform - The state font text transform CSS custom property.
  * @cssprop {String} --success-state-font-weight - The state font weight CSS custom property.
- * @cssprop {String} --success-state-foreground-color - The text color for success state content
  * @cssprop {String} --success-state-gap - The spacing between icon, text, and action elements
  * @cssprop {String} --success-state-header-font-family - The font family for header text
  * @cssprop {String} --success-state-header-font-letter-spacing - The letter spacing for header text
@@ -84,7 +86,7 @@ declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => i
  *
  * @public
  */
-export declare class SuccessStateElement extends SuccessStateElement_base implements ISuccessStateElementProps {
+export declare class SuccessStateElement extends SuccessStateElement_base implements ISuccessStateElementProps, ISlottable {
     private _icon;
     private _header;
     /**

package/Controls/Components/States/Success/SuccessStateElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAQxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,qBAaa,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IAMxB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;;OAMG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}
+{"version":3,"file":"SuccessStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAMrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAQxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,qBAaa,mBACT,SAAQ,wBACR,YAAW,yBAAyB,EAAE,UAAU;IAIhD,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IAMxB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;;OAMG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}