@breadstone/mosaik-elements-foundation 0.0.126 → 0.0.128

package/Controls/Components/States/Busy/Themes/BusyStateElement.Retro.js

@@ -0,0 +1,135 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function busyStateElementRetroStyle() {
+    return css `
+:host {
+  --busy-state-font-family: unset;
+  --busy-state-font-letter-spacing: unset;
+  --busy-state-font-line-height: unset;
+  --busy-state-font-size: unset;
+  --busy-state-font-text-decoration: unset;
+  --busy-state-font-text-transform: unset;
+  --busy-state-font-weight: unset;
+  --busy-state-foreground-color: var(--retro-scheme-middlelight);
+  --busy-state-gap: var(--retro-layout-space);
+  --busy-state-header-font-family: var(--retro-font-family);
+  --busy-state-header-font-letter-spacing: var(--retro-typography-body1-letter-spacing);
+  --busy-state-header-font-line-height: var(--retro-typography-body1-line-height);
+  --busy-state-header-font-size: var(--retro-typography-body1-font-size);
+  --busy-state-header-font-text-decoration: var(--retro-typography-body1-text-decoration);
+  --busy-state-header-font-text-transform: var(--retro-typography-body1-text-transform);
+  --busy-state-header-font-weight: var(--retro-typography-body1-font-weight);
+  --busy-state-padding-bottom: calc(var(--retro-layout-space) * 2);
+  --busy-state-padding-left: calc(var(--retro-layout-space) * 2);
+  --busy-state-padding-right: calc(var(--retro-layout-space) * 2);
+  --busy-state-padding-top: calc(var(--retro-layout-space) * 2);
+  --busy-state-transition-duration: unset;
+  --busy-state-transition-mode: unset;
+  --busy-state-transition-property: unset;
+  --busy-state-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  --busy-state-symbol-size: 26px;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  padding-top: var(--busy-state-padding-top);
+  padding-right: var(--busy-state-padding-right);
+  padding-bottom: var(--busy-state-padding-bottom);
+  padding-left: var(--busy-state-padding-left);
+  place-content: center;
+  align-items: center;
+  gap: var(--busy-state-gap);
+  color: var(--busy-state-foreground-color);
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="symbol"] {
+  --icon-foreground-color: var(--busy-state-foreground-color);
+}
+
+:host [part="header"] {
+  font-family: var(--busy-state-header-font-family);
+  font-size: var(--busy-state-header-font-size);
+  line-height: var(--busy-state-header-font-line-height);
+  font-weight: var(--busy-state-header-font-weight);
+  letter-spacing: var(--busy-state-header-font-letter-spacing);
+  -webkit-text-decoration: var(--busy-state-header-font-text-decoration);
+  text-decoration: var(--busy-state-header-font-text-decoration);
+  text-transform: var(--busy-state-header-font-text-transform);
+}
+
+:host [part="content"] {
+  font-family: var(--busy-state-content-font-family);
+  font-size: var(--busy-state-content-font-size);
+  line-height: var(--busy-state-content-font-line-height);
+  font-weight: var(--busy-state-content-font-weight);
+  letter-spacing: var(--busy-state-content-font-letter-spacing);
+  -webkit-text-decoration: var(--busy-state-content-font-text-decoration);
+  text-decoration: var(--busy-state-content-font-text-decoration);
+  text-transform: var(--busy-state-content-font-text-transform);
+}
+
+:host [part="header"] {
+  --busy-state-header-font-family: var(--retro-typography-body1-font-family);
+  --busy-state-header-font-size: var(--retro-typography-body1-font-size);
+  --busy-state-header-font-line-height: var(--retro-typography-body1-line-height);
+  --busy-state-header-font-weight: var(--retro-typography-body1-font-weight);
+  --busy-state-header-font-letter-spacing: var(--retro-typography-body1-letter-spacing);
+  --busy-state-header-font-text-decoration: var(--retro-typography-body1-text-decoration);
+  --busy-state-header-font-text-transform: var(--retro-typography-body1-text-transform);
+}
+
+:host [part="content"] {
+  --busy-state-content-font-family: var(--retro-typography-body2-font-family);
+  --busy-state-content-font-size: var(--retro-typography-body2-font-size);
+  --busy-state-content-font-line-height: var(--retro-typography-body2-line-height);
+  --busy-state-content-font-weight: var(--retro-typography-body2-font-weight);
+  --busy-state-content-font-letter-spacing: var(--retro-typography-body2-letter-spacing);
+  --busy-state-content-font-text-decoration: var(--retro-typography-body2-text-decoration);
+  --busy-state-content-font-text-transform: var(--retro-typography-body2-text-transform);
+}
+
+    `;
+}
+//# sourceMappingURL=BusyStateElement.Retro.js.map

package/Controls/Components/States/Busy/Themes/BusyStateElement.Retro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusyStateElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Retro.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuHT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Busy/Themes/EmptyStateElement.Cosmopolitan.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function emptyStateElementCosmopolitanStyle(): CSSResult;
+//# sourceMappingURL=EmptyStateElement.Cosmopolitan.d.ts.map

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

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

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

@@ -0,0 +1,114 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function emptyStateElementCosmopolitanStyle() {
+    return css `
+:host {
+  --empty-state-font-family: unset;
+  --empty-state-font-letter-spacing: unset;
+  --empty-state-font-line-height: unset;
+  --empty-state-font-size: unset;
+  --empty-state-font-text-decoration: unset;
+  --empty-state-font-text-transform: unset;
+  --empty-state-font-weight: unset;
+  --empty-state-foreground-color: unset;
+  --empty-state-gap: unset;
+  --empty-state-header-font-family: unset;
+  --empty-state-header-font-letter-spacing: unset;
+  --empty-state-header-font-line-height: unset;
+  --empty-state-header-font-size: unset;
+  --empty-state-header-font-text-decoration: unset;
+  --empty-state-header-font-text-transform: unset;
+  --empty-state-header-font-weight: unset;
+  --empty-state-padding-bottom: unset;
+  --empty-state-padding-left: unset;
+  --empty-state-padding-right: unset;
+  --empty-state-padding-top: unset;
+  --empty-state-transition-duration: unset;
+  --empty-state-transition-mode: unset;
+  --empty-state-transition-property: unset;
+  --empty-state-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  padding-top: var(--empty-state-padding-top);
+  padding-right: var(--empty-state-padding-right);
+  padding-bottom: var(--empty-state-padding-bottom);
+  padding-left: var(--empty-state-padding-left);
+  place-content: center;
+  align-items: center;
+  gap: var(--empty-state-gap);
+  color: var(--empty-state-foreground-color);
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="icon"] {
+  --icon-foreground-color: var(--empty-state-foreground-color);
+}
+
+:host [part="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);
+  font-weight: var(--empty-state-header-font-weight);
+  letter-spacing: var(--empty-state-header-font-letter-spacing);
+  -webkit-text-decoration: var(--empty-state-header-font-text-decoration);
+  text-decoration: var(--empty-state-header-font-text-decoration);
+  text-transform: var(--empty-state-header-font-text-transform);
+}
+
+:host [part="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);
+  font-weight: var(--empty-state-content-font-weight);
+  letter-spacing: var(--empty-state-content-font-letter-spacing);
+  -webkit-text-decoration: var(--empty-state-content-font-text-decoration);
+  text-decoration: var(--empty-state-content-font-text-decoration);
+  text-transform: var(--empty-state-content-font-text-transform);
+}
+
+    `;
+}
+//# sourceMappingURL=EmptyStateElement.Cosmopolitan.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkGT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Busy/Themes/EmptyStateElement.Joy.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function emptyStateElementJoyStyle(): CSSResult;
+//# sourceMappingURL=EmptyStateElement.Joy.d.ts.map

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

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

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

@@ -0,0 +1,134 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function emptyStateElementJoyStyle() {
+    return css `
+:host {
+  --empty-state-font-family: unset;
+  --empty-state-font-letter-spacing: unset;
+  --empty-state-font-line-height: unset;
+  --empty-state-font-size: unset;
+  --empty-state-font-text-decoration: unset;
+  --empty-state-font-text-transform: unset;
+  --empty-state-font-weight: unset;
+  --empty-state-foreground-color: var(--joy-scheme-middlelight);
+  --empty-state-gap: var(--joy-layout-space);
+  --empty-state-header-font-family: var(--joy-font-family);
+  --empty-state-header-font-letter-spacing: var(--joy-typography-body1-letter-spacing);
+  --empty-state-header-font-line-height: var(--joy-typography-body1-line-height);
+  --empty-state-header-font-size: var(--joy-typography-body1-font-size);
+  --empty-state-header-font-text-decoration: var(--joy-typography-body1-text-decoration);
+  --empty-state-header-font-text-transform: var(--joy-typography-body1-text-transform);
+  --empty-state-header-font-weight: var(--joy-typography-body1-font-weight);
+  --empty-state-padding-bottom: calc(var(--joy-layout-space) * 2);
+  --empty-state-padding-left: calc(var(--joy-layout-space) * 2);
+  --empty-state-padding-right: calc(var(--joy-layout-space) * 2);
+  --empty-state-padding-top: calc(var(--joy-layout-space) * 2);
+  --empty-state-transition-duration: unset;
+  --empty-state-transition-mode: unset;
+  --empty-state-transition-property: unset;
+  --empty-state-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  padding-top: var(--empty-state-padding-top);
+  padding-right: var(--empty-state-padding-right);
+  padding-bottom: var(--empty-state-padding-bottom);
+  padding-left: var(--empty-state-padding-left);
+  place-content: center;
+  align-items: center;
+  gap: var(--empty-state-gap);
+  color: var(--empty-state-foreground-color);
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="icon"] {
+  --icon-foreground-color: var(--empty-state-foreground-color);
+}
+
+:host [part="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);
+  font-weight: var(--empty-state-header-font-weight);
+  letter-spacing: var(--empty-state-header-font-letter-spacing);
+  -webkit-text-decoration: var(--empty-state-header-font-text-decoration);
+  text-decoration: var(--empty-state-header-font-text-decoration);
+  text-transform: var(--empty-state-header-font-text-transform);
+}
+
+:host [part="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);
+  font-weight: var(--empty-state-content-font-weight);
+  letter-spacing: var(--empty-state-content-font-letter-spacing);
+  -webkit-text-decoration: var(--empty-state-content-font-text-decoration);
+  text-decoration: var(--empty-state-content-font-text-decoration);
+  text-transform: var(--empty-state-content-font-text-transform);
+}
+
+:host [part="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);
+  --empty-state-header-font-weight: var(--joy-typography-body1-font-weight);
+  --empty-state-header-font-letter-spacing: var(--joy-typography-body1-letter-spacing);
+  --empty-state-header-font-text-decoration: var(--joy-typography-body1-text-decoration);
+  --empty-state-header-font-text-transform: var(--joy-typography-body1-text-transform);
+}
+
+:host [part="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);
+  --empty-state-content-font-weight: var(--joy-typography-body2-font-weight);
+  --empty-state-content-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
+  --empty-state-content-font-text-decoration: var(--joy-typography-body2-text-decoration);
+  --empty-state-content-font-text-transform: var(--joy-typography-body2-text-transform);
+}
+
+    `;
+}
+//# sourceMappingURL=EmptyStateElement.Joy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsHT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Busy/Themes/EmptyStateElement.Retro.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function emptyStateElementRetroStyle(): CSSResult;
+//# sourceMappingURL=EmptyStateElement.Retro.d.ts.map

package/Controls/Components/States/Busy/Themes/EmptyStateElement.Retro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/EmptyStateElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAwHvD"}

package/Controls/Components/States/Busy/Themes/EmptyStateElement.Retro.js

@@ -0,0 +1,134 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function emptyStateElementRetroStyle() {
+    return css `
+:host {
+  --empty-state-font-family: unset;
+  --empty-state-font-letter-spacing: unset;
+  --empty-state-font-line-height: unset;
+  --empty-state-font-size: unset;
+  --empty-state-font-text-decoration: unset;
+  --empty-state-font-text-transform: unset;
+  --empty-state-font-weight: unset;
+  --empty-state-foreground-color: var(--retro-scheme-middlelight);
+  --empty-state-gap: var(--retro-layout-space);
+  --empty-state-header-font-family: var(--retro-font-family);
+  --empty-state-header-font-letter-spacing: var(--retro-typography-body1-letter-spacing);
+  --empty-state-header-font-line-height: var(--retro-typography-body1-line-height);
+  --empty-state-header-font-size: var(--retro-typography-body1-font-size);
+  --empty-state-header-font-text-decoration: var(--retro-typography-body1-text-decoration);
+  --empty-state-header-font-text-transform: var(--retro-typography-body1-text-transform);
+  --empty-state-header-font-weight: var(--retro-typography-body1-font-weight);
+  --empty-state-padding-bottom: calc(var(--retro-layout-space) * 2);
+  --empty-state-padding-left: calc(var(--retro-layout-space) * 2);
+  --empty-state-padding-right: calc(var(--retro-layout-space) * 2);
+  --empty-state-padding-top: calc(var(--retro-layout-space) * 2);
+  --empty-state-transition-duration: unset;
+  --empty-state-transition-mode: unset;
+  --empty-state-transition-property: unset;
+  --empty-state-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  padding-top: var(--empty-state-padding-top);
+  padding-right: var(--empty-state-padding-right);
+  padding-bottom: var(--empty-state-padding-bottom);
+  padding-left: var(--empty-state-padding-left);
+  place-content: center;
+  align-items: center;
+  gap: var(--empty-state-gap);
+  color: var(--empty-state-foreground-color);
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="icon"] {
+  --icon-foreground-color: var(--empty-state-foreground-color);
+}
+
+:host [part="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);
+  font-weight: var(--empty-state-header-font-weight);
+  letter-spacing: var(--empty-state-header-font-letter-spacing);
+  -webkit-text-decoration: var(--empty-state-header-font-text-decoration);
+  text-decoration: var(--empty-state-header-font-text-decoration);
+  text-transform: var(--empty-state-header-font-text-transform);
+}
+
+:host [part="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);
+  font-weight: var(--empty-state-content-font-weight);
+  letter-spacing: var(--empty-state-content-font-letter-spacing);
+  -webkit-text-decoration: var(--empty-state-content-font-text-decoration);
+  text-decoration: var(--empty-state-content-font-text-decoration);
+  text-transform: var(--empty-state-content-font-text-transform);
+}
+
+:host [part="header"] {
+  --empty-state-header-font-family: var(--retro-typography-body1-font-family);
+  --empty-state-header-font-size: var(--retro-typography-body1-font-size);
+  --empty-state-header-font-line-height: var(--retro-typography-body1-line-height);
+  --empty-state-header-font-weight: var(--retro-typography-body1-font-weight);
+  --empty-state-header-font-letter-spacing: var(--retro-typography-body1-letter-spacing);
+  --empty-state-header-font-text-decoration: var(--retro-typography-body1-text-decoration);
+  --empty-state-header-font-text-transform: var(--retro-typography-body1-text-transform);
+}
+
+:host [part="content"] {
+  --empty-state-content-font-family: var(--retro-typography-body2-font-family);
+  --empty-state-content-font-size: var(--retro-typography-body2-font-size);
+  --empty-state-content-font-line-height: var(--retro-typography-body2-line-height);
+  --empty-state-content-font-weight: var(--retro-typography-body2-font-weight);
+  --empty-state-content-font-letter-spacing: var(--retro-typography-body2-letter-spacing);
+  --empty-state-content-font-text-decoration: var(--retro-typography-body2-text-decoration);
+  --empty-state-content-font-text-transform: var(--retro-typography-body2-text-transform);
+}
+
+    `;
+}
+//# sourceMappingURL=EmptyStateElement.Retro.js.map

package/Controls/Components/States/Busy/Themes/EmptyStateElement.Retro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/EmptyStateElement.Retro.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsHT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Empty/EmptyStateElement.d.ts

@@ -1,6 +1,6 @@
-import { StateElement } from '../Abstracts/StateElement';
+import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { IEmptyStateElementProps } from './IEmptyStateElementProps';
-declare const EmptyStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const EmptyStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Empty State - A UI component used to display a message or indication when there is no content or data.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAIpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAca,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}
+{"version":3,"file":"EmptyStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAIpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAca,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}

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

@@ -14,7 +14,7 @@ import { Property } from '../../../Decorators/PropertyDecorator';
 import { StackElement } from '../../Layouts/Stack/StackElement';
 import { IconElement } from '../../Media/Icon/IconElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
-import { StateElement } from '../Abstracts/StateElement';
+import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { emptyStateElementTemplate } from './EmptyStateElementTemplate';
 import { emptyStateElementJoyStyle } from './Themes/EmptyStateElement.Joy';
 import { emptyStateElementRetroStyle } from './Themes/EmptyStateElement.Retro';
@@ -66,7 +66,7 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @public
  */
-let EmptyStateElement = class EmptyStateElement extends Themeable(StateElement) {
+let EmptyStateElement = class EmptyStateElement extends Themeable(StateBaseElement) {
     // #region Fields
     _header;
     _icon;

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,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,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAeI,IAAM,iBAAiB,GAAvB,MAAM,iBACT,SAAQ,SAAS,CAAC,YAAY,CAAC;IAG/B,iBAAiB;IAET,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;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAED;;;;OAIG;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;;;;;OAKG;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;CAIJ,CAAA;AA9BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AAcD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAjEQ,iBAAiB;IAd7B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,yBAAyB;QACnC,MAAM,EAAE;YACJ,GAAG,EAAE,yBAAyB;YAC9B,KAAK,EAAE,2BAA2B;YAClC,YAAY,EAAE,kCAAkC;SACnD;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,YAAY;SACf;KACJ,CAAC;;GACW,iBAAiB,CA2E7B"}
+{"version":3,"file":"EmptyStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,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,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,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;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAeI,IAAM,iBAAiB,GAAvB,MAAM,iBACT,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAGnC,iBAAiB;IAET,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;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAED;;;;OAIG;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;;;;;OAKG;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;CAIJ,CAAA;AA9BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AAcD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAjEQ,iBAAiB;IAd7B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,yBAAyB;QACnC,MAAM,EAAE;YACJ,GAAG,EAAE,yBAAyB;YAC9B,KAAK,EAAE,2BAA2B;YAClC,YAAY,EAAE,kCAAkC;SACnD;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,YAAY;SACf;KACJ,CAAC;;GACW,iBAAiB,CA2E7B"}

package/Controls/Components/States/Empty/EmptyStateElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAM7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA8B3F"}
+{"version":3,"file":"EmptyStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAM7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAgC3F"}