@breadstone/mosaik-elements-foundation 0.1.21 → 0.1.22

package/Controls/Components/Selectors/Combo/Themes/ComboElement.Joy.js

@@ -13,23 +13,29 @@ import { css } from '../../../../../Dom/Css';
 export function comboElementJoyStyle() {
     return css `
 :host {
+  --combo-background-color: var(--joy-scheme-background);
+  --combo-border-color: var(--joy-scheme-highlight);
+  --combo-border-radius: var(--joy-layout-radius);
+  --combo-border-style: solid;
+  --combo-border-width: var(--joy-layout-thickness);
   --combo-focus-ring-active-width: 8px;
-  --combo-focus-ring-color: var(--joy-color-light-secondary-400);
+  --combo-focus-ring-color: var(--joy-scheme-highlight);
   --combo-focus-ring-inward-offset: 2px;
-  --combo-focus-ring-outward-offset: 2px;
+  --combo-focus-ring-outward-offset: 0px;
+  --combo-focus-ring-width: 0px;
   --combo-font-family: var(--joy-font-family);
   --combo-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
   --combo-font-line-height: var(--joy-typography-body2-line-height);
   --combo-font-size: var(--joy-typography-body2-font-size);
   --combo-font-text-decoration: var(--joy-typography-body2-text-decoration);
   --combo-font-text-transform: var(--joy-typography-body2-text-transform);
-  --combo-font-weight: var(--joy-typography-body2-font-weight);
+  --combo-font-weight: normal;
   --combo-foreground-color: var(--joy-scheme-foreground);
   --combo-gap: var(--joy-layout-space);
-  --combo-padding-bottom: calc(var(--joy-layout-space) / 2);
+  --combo-padding-bottom: var(--joy-layout-space);
   --combo-padding-left: calc(var(--joy-layout-space) * 1.5);
   --combo-padding-right: calc(var(--joy-layout-space) * 1.5);
-  --combo-padding-top: calc(var(--joy-layout-space) / 2);
+  --combo-padding-top: var(--joy-layout-space);
   --combo-shadow: unset unset unset unset unset;
   --combo-shadow-blur: unset;
   --combo-shadow-color: unset;
@@ -79,6 +85,23 @@ export function comboElementJoyStyle() {
   --focus-ring-outward-offset: var(--combo-focus-ring-outward-offset);
 }
 
+:host [part="input"] {
+  cursor: inherit;
+  background: inherit;
+  --textbox-border-color: var(--combo-border-color);
+  --textbox-border-radius: var(--combo-border-radius);
+}
+
+:host [part="input"][readonly]:not([invalid]) {
+  --textbox-border-color: var(--combo-border-color);
+}
+
+:host [part="input"]::part(suffix) {
+  --button-icon-min-width: 36px;
+  --button-icon-min-height: 36px;
+  --icon-size: 20px;
+}
+
 :host [part="popup"] {
   z-index: 100;
 }

package/Controls/Components/Selectors/Combo/Themes/ComboElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Combo/Themes/ComboElement.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,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ComboElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Combo/Themes/ComboElement.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,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8GT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Combo/Themes/ComboElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Combo/Themes/ComboElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAuHpD"}
+{"version":3,"file":"ComboElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Combo/Themes/ComboElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA6IpD"}

package/Controls/Components/Selectors/Combo/Themes/ComboElement.Memphis.js

@@ -13,6 +13,11 @@ import { css } from '../../../../../Dom/Css';
 export function comboElementMemphisStyle() {
     return css `
 :host {
+  --combo-background-color: unset;
+  --combo-border-color: unset;
+  --combo-border-radius: unset;
+  --combo-border-style: solid;
+  --combo-border-width: unset;
   --combo-focus-ring-active-width: 8px;
   --combo-focus-ring-color: var(--memphis-color-light-secondary-400);
   --combo-focus-ring-inward-offset: 2px;
@@ -79,6 +84,23 @@ export function comboElementMemphisStyle() {
   --focus-ring-outward-offset: var(--combo-focus-ring-outward-offset);
 }
 
+:host [part="input"] {
+  cursor: inherit;
+  background: inherit;
+  --textbox-border-color: var(--combo-border-color);
+  --textbox-border-radius: var(--combo-border-radius);
+}
+
+:host [part="input"][readonly]:not([invalid]) {
+  --textbox-border-color: var(--combo-border-color);
+}
+
+:host [part="input"]::part(suffix) {
+  --button-icon-min-width: 36px;
+  --button-icon-min-height: 36px;
+  --icon-size: 20px;
+}
+
 :host [part="popup"] {
   z-index: 100;
 }

package/Controls/Components/Selectors/Combo/Themes/ComboElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Combo/Themes/ComboElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ComboElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Combo/Themes/ComboElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2IT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Combo/Themes/ComboItemElement.Joy.js

@@ -19,7 +19,7 @@ export function comboItemElementJoyStyle() {
   --combo-item-border-style: solid;
   --combo-item-border-width: 0px;
   --combo-item-focus-ring-active-width: 8px;
-  --combo-item-focus-ring-color: var(--joy-color-light-secondary-400);
+  --combo-item-focus-ring-color: var(--joy-scheme-highlight);
   --combo-item-focus-ring-inward-offset: 2px;
   --combo-item-focus-ring-outward-offset: 2px;
   --combo-item-font-family: var(--joy-font-family);

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAsXnD"}
+{"version":3,"file":"MenuItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAmanD"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js

@@ -221,166 +221,211 @@ export function menuItemElementJoyStyle() {
   --menu-item-foreground-color: var(--joy-color-primary-800);
 }
 
-:host(:not([disabled]:not([disabled="false"]))[is-active]) slot[name="subLabel"] mosaik-text, :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+:host(:not([disabled]:not([disabled="false"]))[is-active]) slot[name="subLabel"] mosaik-text {
   --menu-item-foreground-color: var(--joy-color-primary-500);
 }
 
+:host([appearance="plain"]), :host([appearance="solid"]) {
+  --menu-item-focus-ring-inward-offset: 0px;
+  --menu-item-focus-ring-outward-offset: 0px;
+}
+
+:host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-primary-500);
+}
+
 :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-100);
   --menu-item-foreground-color: var(--joy-color-primary-500);
+  --menu-item-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --menu-item-background-color: var(--joy-color-primary-500);
   --menu-item-foreground-color: var(--joy-color-primary-0);
+  --menu-item-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
   --menu-item-background-color: var(--joy-color-primary-600);
+  --menu-item-focus-ring-color: var(--joy-color-neutral-500);
 }
 
     `;

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoXT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiaT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabStripItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAmYvD"}
+{"version":3,"file":"TabStripItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAqZvD"}

package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js

@@ -209,6 +209,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-primary-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -222,6 +223,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-primary-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -230,6 +232,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-secondary-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -243,6 +246,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-secondary-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -251,6 +255,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-tertiary-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -264,6 +269,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-tertiary-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -272,6 +278,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-danger-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -285,6 +292,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-danger-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -293,6 +301,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-warning-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -306,6 +315,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-warning-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -314,6 +324,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-success-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -327,6 +338,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-success-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -335,6 +347,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-info-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -348,6 +361,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-info-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -356,6 +370,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-highlight-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -369,6 +384,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-highlight-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -377,6 +393,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
   --tab-strip-item-background-color: var(--joy-color-neutral-100);
+  --tab-strip-item-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -390,6 +407,7 @@ export function tabStripItemElementJoyStyle() {
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) {
   --tab-strip-item-background-color: var(--joy-color-neutral-50);
+  --tab-strip-item-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {

package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabStripItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiYT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TabStripItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmZT,CAAC;AACN,CAAC"}

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

@@ -18,10 +18,10 @@ declare const EmptyStateElement_base: (abstract new (...args: Array<any>) => imp
  * @element mosaik-empty-state
  * @category States
  *
- * @slot  - The default slot.
- * @slot actions - Action buttons or links for user guidance and next steps
  * @slot - Default content area for additional empty state information or custom elements
+ * @slot actions - Action buttons or links for user guidance and next steps
  * @slot header - The header slot.
+ * @slot content - The content slot.
  *
  * @csspart actions - The container for action slot elements
  * @csspart content - The content text container for detailed explanation

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

@@ -37,10 +37,10 @@ import { emptyStateElementMemphisStyle } from './Themes/EmptyStateElement.Memphi
  * @element mosaik-empty-state
  * @category States
  *
- * @slot  - The default slot.
- * @slot actions - Action buttons or links for user guidance and next steps
  * @slot - Default content area for additional empty state information or custom elements
+ * @slot actions - Action buttons or links for user guidance and next steps
  * @slot header - The header slot.
+ * @slot content - The content slot.
  *
  * @csspart actions - The container for action slot elements
  * @csspart content - The content text container for detailed explanation

package/Routing/PathToRegexp.d.ts

@@ -91,7 +91,7 @@ export interface Options {
      */
     encode?: (value: string) => string;
 }
-export declare function modifierToString(modifier: Modifier): "" | "*" | "+" | "?";
+export declare function modifierToString(modifier: Modifier): "" | "*" | "?" | "+";
 /**
  * Expose a function for taking tokens and returning a RegExp.
  */