@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.210

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderElement.Memphis.js

@@ -0,0 +1,82 @@
+// ------------------------------------------------------------------------------
+// <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 drawerHeaderElementMemphisStyle() {
+    return css `
+:host {
+  --drawer-header-font-family: unset;
+  --drawer-header-font-letter-spacing: unset;
+  --drawer-header-font-line-height: unset;
+  --drawer-header-font-size: unset;
+  --drawer-header-font-text-decoration: unset;
+  --drawer-header-font-text-transform: unset;
+  --drawer-header-font-weight: unset;
+  --drawer-header-gap: var(--memphis-layout-space);
+  --drawer-header-padding-bottom: calc(var(--memphis-layout-space) * 2);
+  --drawer-header-padding-left: calc(var(--memphis-layout-space) * 2);
+  --drawer-header-padding-right: calc(var(--memphis-layout-space) * 2);
+  --drawer-header-padding-top: calc(var(--memphis-layout-space) * 2);
+  --drawer-header-transition-duration: unset;
+  --drawer-header-transition-mode: unset;
+  --drawer-header-transition-property: unset;
+  --drawer-header-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 {
+  padding-top: var(--drawer-header-padding-top);
+  padding-right: var(--drawer-header-padding-right);
+  padding-bottom: var(--drawer-header-padding-bottom);
+  padding-left: var(--drawer-header-padding-left);
+  gap: var(--drawer-header-gap);
+  flex-direction: row;
+  flex: 1;
+  align-items: center;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="heading"] {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerHeaderElement.Memphis.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Cosmopolitan.d.ts

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2CAA2C,IAAI,SAAS,CA8EvE"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Cosmopolitan.js

@@ -0,0 +1,92 @@
+// ------------------------------------------------------------------------------
+// <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 drawerHeaderSubTextElementCosmopolitanStyle() {
+    return css `
+:host {
+  --drawer-header-sub-text-background-color: unset;
+  --drawer-header-sub-text-border-color: unset;
+  --drawer-header-sub-text-font-family: unset;
+  --drawer-header-sub-text-font-letter-spacing: unset;
+  --drawer-header-sub-text-font-line-height: unset;
+  --drawer-header-sub-text-font-size: unset;
+  --drawer-header-sub-text-font-text-decoration: unset;
+  --drawer-header-sub-text-font-text-transform: unset;
+  --drawer-header-sub-text-font-weight: unset;
+  --drawer-header-sub-text-foreground-color: unset;
+  --drawer-header-sub-text-gap: unset;
+  --drawer-header-sub-text-padding-bottom: unset;
+  --drawer-header-sub-text-padding-left: unset;
+  --drawer-header-sub-text-padding-right: unset;
+  --drawer-header-sub-text-padding-top: unset;
+  --drawer-header-sub-text-transition-duration: unset;
+  --drawer-header-sub-text-transition-mode: unset;
+  --drawer-header-sub-text-transition-property: unset;
+  --drawer-header-sub-text-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 {
+  font-family: var(--drawer-header-sub-text-font-family);
+  font-size: var(--drawer-header-sub-text-font-size);
+  line-height: var(--drawer-header-sub-text-font-line-height);
+  font-weight: var(--drawer-header-sub-text-font-weight);
+  letter-spacing: var(--drawer-header-sub-text-font-letter-spacing);
+  -webkit-text-decoration: var(--drawer-header-sub-text-font-text-decoration);
+  text-decoration: var(--drawer-header-sub-text-font-text-decoration);
+  text-transform: var(--drawer-header-sub-text-font-text-transform);
+  background-color: var(--drawer-header-sub-text-background-color);
+  border-color: var(--drawer-header-sub-text-border-color);
+  color: var(--drawer-header-sub-text-foreground-color);
+}
+
+:host slot, :host slot mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+  background-color: inherit;
+  border-color: inherit;
+  color: inherit;
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerHeaderSubTextElement.Cosmopolitan.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.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,2CAA2C;IACvD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Joy.d.ts

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Joy.d.ts.map

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Joy.js

@@ -0,0 +1,92 @@
+// ------------------------------------------------------------------------------
+// <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 drawerHeaderSubTextElementJoyStyle() {
+    return css `
+:host {
+  --drawer-header-sub-text-background-color: var(--joy-scheme-transparent);
+  --drawer-header-sub-text-border-color: var(--joy-scheme-highlight);
+  --drawer-header-sub-text-font-family: var(--joy-font-family);
+  --drawer-header-sub-text-font-letter-spacing: var(--joy-typography-subtitle2-letter-spacing);
+  --drawer-header-sub-text-font-line-height: var(--joy-typography-subtitle2-line-height);
+  --drawer-header-sub-text-font-size: var(--joy-typography-subtitle2-font-size);
+  --drawer-header-sub-text-font-text-decoration: var(--joy-typography-subtitle2-text-decoration);
+  --drawer-header-sub-text-font-text-transform: var(--joy-typography-subtitle2-text-transform);
+  --drawer-header-sub-text-font-weight: var(--joy-typography-subtitle2-font-weight);
+  --drawer-header-sub-text-foreground-color: var(--joy-scheme-middlelight);
+  --drawer-header-sub-text-gap: unset;
+  --drawer-header-sub-text-padding-bottom: unset;
+  --drawer-header-sub-text-padding-left: unset;
+  --drawer-header-sub-text-padding-right: unset;
+  --drawer-header-sub-text-padding-top: unset;
+  --drawer-header-sub-text-transition-duration: unset;
+  --drawer-header-sub-text-transition-mode: unset;
+  --drawer-header-sub-text-transition-property: unset;
+  --drawer-header-sub-text-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 {
+  font-family: var(--drawer-header-sub-text-font-family);
+  font-size: var(--drawer-header-sub-text-font-size);
+  line-height: var(--drawer-header-sub-text-font-line-height);
+  font-weight: var(--drawer-header-sub-text-font-weight);
+  letter-spacing: var(--drawer-header-sub-text-font-letter-spacing);
+  -webkit-text-decoration: var(--drawer-header-sub-text-font-text-decoration);
+  text-decoration: var(--drawer-header-sub-text-font-text-decoration);
+  text-transform: var(--drawer-header-sub-text-font-text-transform);
+  background-color: var(--drawer-header-sub-text-background-color);
+  border-color: var(--drawer-header-sub-text-border-color);
+  color: var(--drawer-header-sub-text-foreground-color);
+}
+
+:host slot, :host slot mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+  background-color: inherit;
+  border-color: inherit;
+  color: inherit;
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerHeaderSubTextElement.Joy.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.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,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Memphis.d.ts

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CA8ElE"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Memphis.js

@@ -0,0 +1,92 @@
+// ------------------------------------------------------------------------------
+// <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 drawerHeaderSubTextElementMemphisStyle() {
+    return css `
+:host {
+  --drawer-header-sub-text-background-color: var(--memphis-scheme-background);
+  --drawer-header-sub-text-border-color: var(--memphis-scheme-contrast);
+  --drawer-header-sub-text-font-family: var(--memphis-font-family);
+  --drawer-header-sub-text-font-letter-spacing: var(--memphis-typography-subtitle2-letter-spacing);
+  --drawer-header-sub-text-font-line-height: var(--memphis-typography-subtitle2-line-height);
+  --drawer-header-sub-text-font-size: var(--memphis-typography-subtitle2-font-size);
+  --drawer-header-sub-text-font-text-decoration: var(--memphis-typography-subtitle2-text-decoration);
+  --drawer-header-sub-text-font-text-transform: var(--memphis-typography-subtitle2-text-transform);
+  --drawer-header-sub-text-font-weight: var(--memphis-typography-subtitle2-font-weight);
+  --drawer-header-sub-text-foreground-color: var(--memphis-scheme-middlelight);
+  --drawer-header-sub-text-gap: unset;
+  --drawer-header-sub-text-padding-bottom: unset;
+  --drawer-header-sub-text-padding-left: unset;
+  --drawer-header-sub-text-padding-right: unset;
+  --drawer-header-sub-text-padding-top: unset;
+  --drawer-header-sub-text-transition-duration: unset;
+  --drawer-header-sub-text-transition-mode: unset;
+  --drawer-header-sub-text-transition-property: unset;
+  --drawer-header-sub-text-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 {
+  font-family: var(--drawer-header-sub-text-font-family);
+  font-size: var(--drawer-header-sub-text-font-size);
+  line-height: var(--drawer-header-sub-text-font-line-height);
+  font-weight: var(--drawer-header-sub-text-font-weight);
+  letter-spacing: var(--drawer-header-sub-text-font-letter-spacing);
+  -webkit-text-decoration: var(--drawer-header-sub-text-font-text-decoration);
+  text-decoration: var(--drawer-header-sub-text-font-text-decoration);
+  text-transform: var(--drawer-header-sub-text-font-text-transform);
+  background-color: var(--drawer-header-sub-text-background-color);
+  border-color: var(--drawer-header-sub-text-border-color);
+  color: var(--drawer-header-sub-text-foreground-color);
+}
+
+:host slot, :host slot mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+  background-color: inherit;
+  border-color: inherit;
+  color: inherit;
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerHeaderSubTextElement.Memphis.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderSubTextElement.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,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Cosmopolitan.d.ts

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Cosmopolitan.d.ts.map

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Cosmopolitan.js

@@ -0,0 +1,92 @@
+// ------------------------------------------------------------------------------
+// <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 drawerHeaderTextElementCosmopolitanStyle() {
+    return css `
+:host {
+  --drawer-header-text-background-color: unset;
+  --drawer-header-text-border-color: unset;
+  --drawer-header-text-font-family: unset;
+  --drawer-header-text-font-letter-spacing: unset;
+  --drawer-header-text-font-line-height: unset;
+  --drawer-header-text-font-size: unset;
+  --drawer-header-text-font-text-decoration: unset;
+  --drawer-header-text-font-text-transform: unset;
+  --drawer-header-text-font-weight: unset;
+  --drawer-header-text-foreground-color: unset;
+  --drawer-header-text-gap: unset;
+  --drawer-header-text-padding-bottom: unset;
+  --drawer-header-text-padding-left: unset;
+  --drawer-header-text-padding-right: unset;
+  --drawer-header-text-padding-top: unset;
+  --drawer-header-text-transition-duration: unset;
+  --drawer-header-text-transition-mode: unset;
+  --drawer-header-text-transition-property: unset;
+  --drawer-header-text-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 {
+  font-family: var(--drawer-header-text-font-family);
+  font-size: var(--drawer-header-text-font-size);
+  line-height: var(--drawer-header-text-font-line-height);
+  font-weight: var(--drawer-header-text-font-weight);
+  letter-spacing: var(--drawer-header-text-font-letter-spacing);
+  -webkit-text-decoration: var(--drawer-header-text-font-text-decoration);
+  text-decoration: var(--drawer-header-text-font-text-decoration);
+  text-transform: var(--drawer-header-text-font-text-transform);
+  background-color: var(--drawer-header-text-background-color);
+  border-color: var(--drawer-header-text-border-color);
+  color: var(--drawer-header-text-foreground-color);
+}
+
+:host slot, :host slot mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+  background-color: inherit;
+  border-color: inherit;
+  color: inherit;
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerHeaderTextElement.Cosmopolitan.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderTextElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.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,wCAAwC;IACpD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Joy.d.ts

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderTextElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CA8E3D"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Joy.js

@@ -0,0 +1,92 @@
+// ------------------------------------------------------------------------------
+// <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 drawerHeaderTextElementJoyStyle() {
+    return css `
+:host {
+  --drawer-header-text-background-color: var(--joy-scheme-transparent);
+  --drawer-header-text-border-color: var(--joy-scheme-highlight);
+  --drawer-header-text-font-family: var(--joy-font-family);
+  --drawer-header-text-font-letter-spacing: var(--joy-typography-headline6-letter-spacing);
+  --drawer-header-text-font-line-height: var(--joy-typography-headline6-line-height);
+  --drawer-header-text-font-size: var(--joy-typography-headline6-font-size);
+  --drawer-header-text-font-text-decoration: var(--joy-typography-headline6-text-decoration);
+  --drawer-header-text-font-text-transform: var(--joy-typography-headline6-text-transform);
+  --drawer-header-text-font-weight: var(--joy-typography-headline6-font-weight);
+  --drawer-header-text-foreground-color: var(--joy-scheme-foreground);
+  --drawer-header-text-gap: unset;
+  --drawer-header-text-padding-bottom: unset;
+  --drawer-header-text-padding-left: unset;
+  --drawer-header-text-padding-right: unset;
+  --drawer-header-text-padding-top: unset;
+  --drawer-header-text-transition-duration: unset;
+  --drawer-header-text-transition-mode: unset;
+  --drawer-header-text-transition-property: unset;
+  --drawer-header-text-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 {
+  font-family: var(--drawer-header-text-font-family);
+  font-size: var(--drawer-header-text-font-size);
+  line-height: var(--drawer-header-text-font-line-height);
+  font-weight: var(--drawer-header-text-font-weight);
+  letter-spacing: var(--drawer-header-text-font-letter-spacing);
+  -webkit-text-decoration: var(--drawer-header-text-font-text-decoration);
+  text-decoration: var(--drawer-header-text-font-text-decoration);
+  text-transform: var(--drawer-header-text-font-text-transform);
+  background-color: var(--drawer-header-text-background-color);
+  border-color: var(--drawer-header-text-border-color);
+  color: var(--drawer-header-text-foreground-color);
+}
+
+:host slot, :host slot mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+  background-color: inherit;
+  border-color: inherit;
+  color: inherit;
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerHeaderTextElement.Joy.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderTextElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Memphis.d.ts

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderTextElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerHeaderTextElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CA8E/D"}