@breadstone/mosaik-elements-foundation 0.0.139 → 0.0.141

package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Retro.js

@@ -67,6 +67,16 @@ export function richTextBoxElementRetroStyle() {
   display: none !important;
 }
 
+:host textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  resize: none;
+  margin: 0;
+  overflow: visible;
+}
+
 :host {
   font-family: var(--richtextbox-font-family);
   font-size: var(--richtextbox-font-size);
@@ -102,16 +112,6 @@ export function richTextBoxElementRetroStyle() {
   display: flex;
 }
 
-:host textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  resize: none;
-  margin: 0;
-  overflow: visible;
-}
-
 :host [part="suffix"] {
   gap: var(--richtextbox-gap);
   flex-grow: 0;
@@ -196,13 +196,16 @@ export function richTextBoxElementRetroStyle() {
 :host([has-label]) [part="inner"] {
   width: 100%;
   height: 100%;
-  padding-bottom: unset;
 }
 
 :host([has-label]) [part="inner"] [part="input"] {
   padding-top: 12px;
 }
 
+:host([has-label]) [part="inner"] {
+  padding-bottom: unset;
+}
+
 :host([disabled]:not([disabled="false"])) {
   cursor: default;
 }

package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextBoxElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiOT,CAAC;AACN,CAAC"}
+{"version":3,"file":"RichTextBoxElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoOT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Cosmopolitan.js

@@ -69,6 +69,19 @@ export function searchBoxElementCosmopolitanStyle() {
   display: none !important;
 }
 
+:host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  margin: 0;
+  overflow: visible;
+}
+
+:host input[type="search"]::-webkit-search-decoration, :host input[type="search"]::-webkit-search-cancel-button, :host input[type="search"]::-webkit-search-results-button, :host input[type="search"]::-webkit-search-results-decoration {
+  display: none;
+}
+
 :host {
   font-family: var(--searchbox-font-family);
   font-size: var(--searchbox-font-size);
@@ -101,19 +114,6 @@ export function searchBoxElementCosmopolitanStyle() {
   display: flex;
 }
 
-:host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  margin: 0;
-  overflow: visible;
-}
-
-:host input[type="search"]::-webkit-search-decoration, :host input[type="search"]::-webkit-search-cancel-button, :host input[type="search"]::-webkit-search-results-button, :host input[type="search"]::-webkit-search-results-decoration {
-  display: none;
-}
-
 :host [part="focusRing"] {
   --focus-ring-color: var(--searchbox-focus-ring-color);
   --focus-ring-active-width: var(--searchbox-focus-ring-active-width);

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Joy.js

@@ -69,6 +69,19 @@ export function searchBoxElementJoyStyle() {
   display: none !important;
 }
 
+:host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  margin: 0;
+  overflow: visible;
+}
+
+:host input[type="search"]::-webkit-search-decoration, :host input[type="search"]::-webkit-search-cancel-button, :host input[type="search"]::-webkit-search-results-button, :host input[type="search"]::-webkit-search-results-decoration {
+  display: none;
+}
+
 :host {
   font-family: var(--searchbox-font-family);
   font-size: var(--searchbox-font-size);
@@ -101,19 +114,6 @@ export function searchBoxElementJoyStyle() {
   display: flex;
 }
 
-:host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  margin: 0;
-  overflow: visible;
-}
-
-:host input[type="search"]::-webkit-search-decoration, :host input[type="search"]::-webkit-search-cancel-button, :host input[type="search"]::-webkit-search-results-button, :host input[type="search"]::-webkit-search-results-decoration {
-  display: none;
-}
-
 :host [part="focusRing"] {
   --focus-ring-color: var(--searchbox-focus-ring-color);
   --focus-ring-active-width: var(--searchbox-focus-ring-active-width);

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBoxElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAqMtD"}
+{"version":3,"file":"SearchBoxElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAwMtD"}

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.js

@@ -74,6 +74,19 @@ export function searchBoxElementRetroStyle() {
   display: none !important;
 }
 
+:host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  margin: 0;
+  overflow: visible;
+}
+
+:host input[type="search"]::-webkit-search-decoration, :host input[type="search"]::-webkit-search-cancel-button, :host input[type="search"]::-webkit-search-results-button, :host input[type="search"]::-webkit-search-results-decoration {
+  display: none;
+}
+
 :host {
   font-family: var(--searchbox-font-family);
   font-size: var(--searchbox-font-size);
@@ -100,27 +113,12 @@ export function searchBoxElementRetroStyle() {
   min-height: var(--searchbox-height);
   cursor: text;
   z-index: 0;
-  --searchbox-shadow-color: var(--retro-scheme-highlight);
-  box-shadow: var(--searchbox-shadow-offset-x) var(--searchbox-shadow-offset-y) var(--searchbox-shadow-blur) var(--searchbox-shadow-spread) var(--searchbox-shadow-color);
   outline: none;
   flex-direction: row;
   align-items: center;
   display: flex;
 }
 
-:host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  margin: 0;
-  overflow: visible;
-}
-
-:host input[type="search"]::-webkit-search-decoration, :host input[type="search"]::-webkit-search-cancel-button, :host input[type="search"]::-webkit-search-results-button, :host input[type="search"]::-webkit-search-results-decoration {
-  display: none;
-}
-
 :host [part="focusRing"] {
   --focus-ring-color: var(--searchbox-focus-ring-color);
   --focus-ring-active-width: var(--searchbox-focus-ring-active-width);
@@ -202,6 +200,11 @@ export function searchBoxElementRetroStyle() {
   text-align: right;
 }
 
+:host {
+  --searchbox-shadow-color: var(--retro-scheme-highlight);
+  box-shadow: var(--searchbox-shadow-offset-x) var(--searchbox-shadow-offset-y) var(--searchbox-shadow-blur) var(--searchbox-shadow-spread) var(--searchbox-shadow-color);
+}
+
 :host [part="focusRing"] {
   --focus-ring-width: var(--searchbox-focus-ring-width);
 }

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBoxElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmMT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SearchBoxElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsMT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/SelectItemElement.d.ts

@@ -1,7 +1,7 @@
 import { SelectorItemElement } from '../../Selectors/Abstracts/Selector/SelectorItemElement';
 import type { ISelectItemElementProps } from './ISelectItemElementProps';
 import { SelectElement } from './SelectElement';
-declare const SelectItemElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof SelectorItemElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const SelectItemElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & (abstract new () => SelectorItemElement<import("../../../../Index").SelectorElement<any>>) & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Select Item - An individual option within a dropdown or select element.
  *

package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Cosmopolitan.js

@@ -67,6 +67,16 @@ export function textBoxElementCosmopolitanStyle() {
   display: none !important;
 }
 
+:host textarea, :host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  resize: none;
+  margin: 0;
+  overflow: visible;
+}
+
 :host {
   font-family: var(--textbox-font-family);
   font-size: var(--textbox-font-size);
@@ -100,16 +110,6 @@ export function textBoxElementCosmopolitanStyle() {
   display: flex;
 }
 
-:host textarea, :host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  resize: none;
-  margin: 0;
-  overflow: visible;
-}
-
 :host [part="input"] {
   transition-duration: inherit;
   transition-timing-function: inherit;
@@ -195,14 +195,14 @@ export function textBoxElementCosmopolitanStyle() {
   --icon-size: 20px;
 }
 
-:host([has-label]) [part="inner"] {
-  padding-bottom: unset;
-}
-
 :host([has-label]) [part="inner"] [part="input"] {
   padding-top: 12px;
 }
 
+:host([has-label]) [part="inner"] {
+  padding-bottom: unset;
+}
+
 :host([disabled]:not([disabled="false"])) {
   cursor: default;
 }

package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBoxElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA+alD"}
+{"version":3,"file":"TextBoxElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CAkblD"}

package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.js

@@ -68,6 +68,16 @@ export function textBoxElementJoyStyle() {
   display: none !important;
 }
 
+:host textarea, :host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  resize: none;
+  margin: 0;
+  overflow: visible;
+}
+
 :host {
   font-family: var(--textbox-font-family);
   font-size: var(--textbox-font-size);
@@ -95,23 +105,12 @@ export function textBoxElementJoyStyle() {
   min-height: var(--textbox-height);
   cursor: text;
   z-index: 0;
-  --textbox-shadow-color: var(--joy-scheme-highlight);
   outline: none;
   flex-direction: row;
   align-items: center;
   display: flex;
 }
 
-:host textarea, :host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  resize: none;
-  margin: 0;
-  overflow: visible;
-}
-
 :host [part="input"] {
   transition-duration: inherit;
   transition-timing-function: inherit;
@@ -197,14 +196,14 @@ export function textBoxElementJoyStyle() {
   --icon-size: 20px;
 }
 
-:host([has-label]) [part="inner"] {
-  padding-bottom: unset;
-}
-
 :host([has-label]) [part="inner"] [part="input"] {
   padding-top: 12px;
 }
 
+:host([has-label]) [part="inner"] {
+  padding-bottom: unset;
+}
+
 :host([disabled]:not([disabled="false"])) {
   cursor: default;
 }
@@ -242,6 +241,10 @@ export function textBoxElementJoyStyle() {
   text-align: right;
 }
 
+:host {
+  --textbox-shadow-color: var(--joy-scheme-highlight);
+}
+
 :host [part="label"] {
   color: var(--joy-scheme-middlelight);
 }

package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBoxElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6aT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TextBoxElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgbT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBoxElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAkPpD"}
+{"version":3,"file":"TextBoxElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAqPpD"}

package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.js

@@ -72,6 +72,16 @@ export function textBoxElementRetroStyle() {
   display: none !important;
 }
 
+:host textarea, :host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  resize: none;
+  margin: 0;
+  overflow: visible;
+}
+
 :host {
   font-family: var(--textbox-font-family);
   font-size: var(--textbox-font-size);
@@ -99,24 +109,12 @@ export function textBoxElementRetroStyle() {
   min-height: var(--textbox-height);
   cursor: text;
   z-index: 0;
-  --textbox-shadow-color: var(--retro-scheme-highlight);
-  box-shadow: var(--textbox-shadow-offset-x) var(--textbox-shadow-offset-y) var(--textbox-shadow-blur) var(--textbox-shadow-spread) var(--textbox-shadow-color);
   outline: none;
   flex-direction: row;
   align-items: center;
   display: flex;
 }
 
-:host textarea, :host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  resize: none;
-  margin: 0;
-  overflow: visible;
-}
-
 :host [part="input"] {
   transition-duration: inherit;
   transition-timing-function: inherit;
@@ -202,14 +200,14 @@ export function textBoxElementRetroStyle() {
   --icon-size: 20px;
 }
 
-:host([has-label]) [part="inner"] {
-  padding-bottom: unset;
-}
-
 :host([has-label]) [part="inner"] [part="input"] {
   padding-top: 12px;
 }
 
+:host([has-label]) [part="inner"] {
+  padding-bottom: unset;
+}
+
 :host([disabled]:not([disabled="false"])) {
   cursor: default;
 }
@@ -247,6 +245,11 @@ export function textBoxElementRetroStyle() {
   text-align: right;
 }
 
+:host {
+  --textbox-shadow-color: var(--retro-scheme-highlight);
+  box-shadow: var(--textbox-shadow-offset-x) var(--textbox-shadow-offset-y) var(--textbox-shadow-blur) var(--textbox-shadow-spread) var(--textbox-shadow-color);
+}
+
 :host [part="focusRing"] {
   --focus-ring-width: var(--textbox-focus-ring-width);
 }

package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBoxElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgPT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TextBoxElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmPT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/TimeBox/Themes/TimeBoxElement.Cosmopolitan.js

@@ -65,6 +65,20 @@ export function timeBoxElementCosmopolitanStyle() {
   display: none !important;
 }
 
+:host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  margin: 0;
+  overflow: visible;
+}
+
+:host input::-webkit-inner-spin-button, :host input::-webkit-calendar-picker-indicator {
+  -webkit-appearance: none;
+  display: none;
+}
+
 :host {
   font-family: var(--timebox-font-family);
   font-size: var(--timebox-font-size);
@@ -97,20 +111,6 @@ export function timeBoxElementCosmopolitanStyle() {
   display: flex;
 }
 
-:host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  margin: 0;
-  overflow: visible;
-}
-
-:host input::-webkit-inner-spin-button, :host input::-webkit-calendar-picker-indicator {
-  -webkit-appearance: none;
-  display: none;
-}
-
 :host [part="prefix"] {
   gap: var(--timebox-gap);
   flex-grow: 0;
@@ -219,14 +219,14 @@ export function timeBoxElementCosmopolitanStyle() {
   z-index: 100;
 }
 
-:host([has-label]) [part="inner"] {
-  padding-bottom: unset;
-}
-
 :host([has-label]) [part="inner"] [part="input"] {
   padding-top: 12px;
 }
 
+:host([has-label]) [part="inner"] {
+  padding-bottom: unset;
+}
+
 :host([required]) [part="label"]:after {
   content: "*";
   margin-left: 2px;

package/Controls/Components/Inputs/TimeBox/Themes/TimeBoxElement.Joy.js

@@ -65,6 +65,20 @@ export function timeBoxElementJoyStyle() {
   display: none !important;
 }
 
+:host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  margin: 0;
+  overflow: visible;
+}
+
+:host input::-webkit-inner-spin-button, :host input::-webkit-calendar-picker-indicator {
+  -webkit-appearance: none;
+  display: none;
+}
+
 :host {
   font-family: var(--timebox-font-family);
   font-size: var(--timebox-font-size);
@@ -97,20 +111,6 @@ export function timeBoxElementJoyStyle() {
   display: flex;
 }
 
-:host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  margin: 0;
-  overflow: visible;
-}
-
-:host input::-webkit-inner-spin-button, :host input::-webkit-calendar-picker-indicator {
-  -webkit-appearance: none;
-  display: none;
-}
-
 :host [part="prefix"] {
   gap: var(--timebox-gap);
   flex-grow: 0;
@@ -215,14 +215,14 @@ export function timeBoxElementJoyStyle() {
   z-index: 100;
 }
 
-:host([has-label]) [part="inner"] {
-  padding-bottom: unset;
-}
-
 :host([has-label]) [part="inner"] [part="input"] {
   padding-top: 12px;
 }
 
+:host([has-label]) [part="inner"] {
+  padding-bottom: unset;
+}
+
 :host([required]) [part="label"]:after {
   content: "*";
   margin-left: 2px;

package/Controls/Components/Inputs/TimeBox/Themes/TimeBoxElement.Retro.js

@@ -67,6 +67,20 @@ export function timeBoxElementRetroStyle() {
   display: none !important;
 }
 
+:host input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: inherit;
+  margin: 0;
+  overflow: visible;
+}
+
+:host input::-webkit-inner-spin-button, :host input::-webkit-calendar-picker-indicator {
+  -webkit-appearance: none;
+  display: none;
+}
+
 :host {
   font-family: var(--timebox-font-family);
   font-size: var(--timebox-font-size);
@@ -99,20 +113,6 @@ export function timeBoxElementRetroStyle() {
   display: flex;
 }
 
-:host input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  cursor: inherit;
-  margin: 0;
-  overflow: visible;
-}
-
-:host input::-webkit-inner-spin-button, :host input::-webkit-calendar-picker-indicator {
-  -webkit-appearance: none;
-  display: none;
-}
-
 :host [part="prefix"] {
   gap: var(--timebox-gap);
   flex-grow: 0;
@@ -221,14 +221,14 @@ export function timeBoxElementRetroStyle() {
   z-index: 100;
 }
 
-:host([has-label]) [part="inner"] {
-  padding-bottom: unset;
-}
-
 :host([has-label]) [part="inner"] [part="input"] {
   padding-top: 12px;
 }
 
+:host([has-label]) [part="inner"] {
+  padding-bottom: unset;
+}
+
 :host([required]) [part="label"]:after {
   content: "*";
   margin-left: 2px;

package/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TitleLayoutElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAyEtD"}
+{"version":3,"file":"TitleLayoutElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CA4EtD"}

package/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.js

@@ -59,7 +59,6 @@ export function titleLayoutElementJoyStyle() {
 }
 
 :host {
-  background-color: var(--joy-scheme-background);
   width: 100%;
   display: block;
 }
@@ -82,6 +81,10 @@ export function titleLayoutElementJoyStyle() {
   flex-grow: 1;
 }
 
+:host {
+  background-color: var(--joy-scheme-background);
+}
+
     `;
 }
 //# sourceMappingURL=TitleLayoutElement.Joy.js.map

package/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleLayoutElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuET,CAAC;AACN,CAAC"}
+{"version":3,"file":"TitleLayoutElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0ET,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CAqPhD"}
+{"version":3,"file":"BadgeElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CAwPhD"}