@breadstone/mosaik-elements-foundation 0.1.21 → 0.1.23

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordBoxElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PasswordBoxElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuNT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Joy.d.ts.map

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

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Joy.js

@@ -18,6 +18,10 @@ export function passwordBoxElementJoyStyle() {
   --passwordbox-border-radius: var(--joy-layout-radius);
   --passwordbox-border-style: solid;
   --passwordbox-border-width: var(--joy-layout-thickness);
+  --passwordbox-focus-ring-active-width: 8px;
+  --passwordbox-focus-ring-color: var(--joy-scheme-highlight);
+  --passwordbox-focus-ring-inward-offset: 2px;
+  --passwordbox-focus-ring-outward-offset: 0px;
   --passwordbox-focus-ring-width: 0px;
   --passwordbox-font-family: var(--joy-font-family);
   --passwordbox-font-letter-spacing: unset;
@@ -33,13 +37,13 @@ export function passwordBoxElementJoyStyle() {
   --passwordbox-padding-left: calc(var(--joy-layout-space) * 1.5);
   --passwordbox-padding-right: calc(var(--joy-layout-space) * 1.5);
   --passwordbox-padding-top: var(--joy-layout-space);
-  --passwordbox-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
-  --passwordbox-shadow-blur: var(--joy-elevation-semilight-blur-0);
-  --passwordbox-shadow-color: var(--joy-elevation-semilight-color-0);
-  --passwordbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
-  --passwordbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
-  --passwordbox-shadow-spread: var(--joy-elevation-semilight-spread-0);
-  --passwordbox-transition-duration: var(--joy-duration-short);
+  --passwordbox-shadow: var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color);
+  --passwordbox-shadow-blur: var(--joy-elevation-semilight-blur);
+  --passwordbox-shadow-color: var(--joy-elevation-semilight-color);
+  --passwordbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x);
+  --passwordbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y);
+  --passwordbox-shadow-spread: var(--joy-elevation-semilight-spread);
+  --passwordbox-transition-duration: var(--mosaik-duration-short);
   --passwordbox-transition-mode: ease;
   --passwordbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --passwordbox-translate: none;
@@ -113,6 +117,13 @@ export function passwordBoxElementJoyStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--passwordbox-focus-ring-color);
+  --focus-ring-active-width: var(--passwordbox-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--passwordbox-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--passwordbox-focus-ring-outward-offset);
+}
+
 :host [part="prefix"] {
   gap: var(--passwordbox-gap);
   flex-grow: 0;
@@ -249,6 +260,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-primary-500);
+  --passwordbox-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -257,6 +269,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-primary-500);
+  --passwordbox-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -265,6 +278,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-secondary-500);
+  --passwordbox-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -273,6 +287,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-secondary-500);
+  --passwordbox-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -281,6 +296,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-tertiary-500);
+  --passwordbox-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -289,6 +305,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-tertiary-500);
+  --passwordbox-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -297,6 +314,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-danger-500);
+  --passwordbox-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -305,6 +323,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-danger-500);
+  --passwordbox-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -313,6 +332,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-warning-500);
+  --passwordbox-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -321,6 +341,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-warning-500);
+  --passwordbox-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -329,6 +350,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-success-500);
+  --passwordbox-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -337,6 +359,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-success-500);
+  --passwordbox-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -345,6 +368,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-info-500);
+  --passwordbox-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -353,6 +377,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-info-500);
+  --passwordbox-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -361,6 +386,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-highlight-500);
+  --passwordbox-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -369,6 +395,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-highlight-500);
+  --passwordbox-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -377,6 +404,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
   --passwordbox-border-color: var(--joy-color-neutral-500);
+  --passwordbox-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
@@ -385,6 +413,7 @@ export function passwordBoxElementJoyStyle() {
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --passwordbox-border-color: var(--joy-color-neutral-500);
+  --passwordbox-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
@@ -394,10 +423,14 @@ export function passwordBoxElementJoyStyle() {
 :host([appearance="plain"]) {
   --passwordbox-border-width: 0;
   --passwordbox-background-color: var(--joy-scheme-transparent);
+  --passwordbox-focus-ring-inward-offset: 0px;
+  --passwordbox-focus-ring-outward-offset: 0px;
 }
 
 :host([appearance="soft"]), :host([appearance="solid"]) {
   --passwordbox-background-color: var(--joy-scheme-highlight);
+  --passwordbox-focus-ring-inward-offset: 0px;
+  --passwordbox-focus-ring-outward-offset: 0px;
 }
 
     `;

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordBoxElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqYT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PasswordBoxElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsaT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordBoxElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAuN1D"}
+{"version":3,"file":"PasswordBoxElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAkO1D"}

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Memphis.js

@@ -18,6 +18,10 @@ export function passwordBoxElementMemphisStyle() {
   --passwordbox-border-radius: var(--memphis-layout-radius);
   --passwordbox-border-style: solid;
   --passwordbox-border-width: var(--memphis-layout-thickness);
+  --passwordbox-focus-ring-active-width: 8px;
+  --passwordbox-focus-ring-color: unset;
+  --passwordbox-focus-ring-inward-offset: 2px;
+  --passwordbox-focus-ring-outward-offset: 2px;
   --passwordbox-focus-ring-width: 0px;
   --passwordbox-font-family: var(--memphis-font-family);
   --passwordbox-font-letter-spacing: unset;
@@ -33,12 +37,12 @@ export function passwordBoxElementMemphisStyle() {
   --passwordbox-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --passwordbox-padding-right: calc(var(--memphis-layout-space) * 1.5);
   --passwordbox-padding-top: var(--memphis-layout-space);
-  --passwordbox-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
-  --passwordbox-shadow-blur: var(--memphis-elevation-semilight-blur-0);
-  --passwordbox-shadow-color: var(--memphis-elevation-semilight-color-0);
-  --passwordbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
-  --passwordbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y-0);
-  --passwordbox-shadow-spread: var(--memphis-elevation-semilight-spread-0);
+  --passwordbox-shadow: var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color);
+  --passwordbox-shadow-blur: var(--memphis-elevation-semilight-blur);
+  --passwordbox-shadow-color: var(--memphis-elevation-semilight-color);
+  --passwordbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x);
+  --passwordbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y);
+  --passwordbox-shadow-spread: var(--memphis-elevation-semilight-spread);
   --passwordbox-transition-duration: .2s;
   --passwordbox-transition-mode: ease;
   --passwordbox-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
@@ -113,6 +117,13 @@ export function passwordBoxElementMemphisStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--passwordbox-focus-ring-color);
+  --focus-ring-active-width: var(--passwordbox-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--passwordbox-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--passwordbox-focus-ring-outward-offset);
+}
+
 :host [part="prefix"] {
   gap: var(--passwordbox-gap);
   flex-grow: 0;

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordBoxElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqNT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PasswordBoxElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgOT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts

@@ -29,6 +29,11 @@ declare const PinBoxElement_base: (abstract new (...args: Array<any>) => import(
  * @cssprop {String} --pin-box-border-radius - The border radius.
  * @cssprop {String} --pin-box-border-style - The border style.
  * @cssprop {String} --pin-box-border-width - The border width.
+ * @cssprop {String} --pin-box-focus-ring-active-width - The box focus ring active width CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-color - The box focus ring color CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-inward-offset - The box focus ring inward offset CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-outward-offset - The box focus ring outward offset CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-width - The box focus ring width CSS custom property.
  * @cssprop {String} --pin-box-font-family - The font family.
  * @cssprop {String} --pin-box-font-letter-spacing - The box font letter spacing CSS custom property.
  * @cssprop {String} --pin-box-font-line-height - The box font line height CSS custom property.

package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinBoxElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/PinBox/PinBoxElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PinBoxElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/PinBox/PinBoxElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Inputs/PinBox/PinBoxElement.js

@@ -54,6 +54,11 @@ import { pinBoxElementMemphisStyle } from './Themes/PinBoxElement.Memphis';
  * @cssprop {String} --pin-box-border-radius - The border radius.
  * @cssprop {String} --pin-box-border-style - The border style.
  * @cssprop {String} --pin-box-border-width - The border width.
+ * @cssprop {String} --pin-box-focus-ring-active-width - The box focus ring active width CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-color - The box focus ring color CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-inward-offset - The box focus ring inward offset CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-outward-offset - The box focus ring outward offset CSS custom property.
+ * @cssprop {String} --pin-box-focus-ring-width - The box focus ring width CSS custom property.
  * @cssprop {String} --pin-box-font-family - The font family.
  * @cssprop {String} --pin-box-font-letter-spacing - The box font letter spacing CSS custom property.
  * @cssprop {String} --pin-box-font-line-height - The box font line height CSS custom property.

package/Controls/Components/Inputs/PinBox/PinBoxElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinBoxElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/PinBox/PinBoxElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PinBoxElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/PinBox/PinBoxElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAqB,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AAcI,IAAM,aAAa,GAAnB,MAAM,aACT,SAAQ,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGrG,iBAAiB;IAEA,mBAAmB,CAAqB;IACjD,aAAa,CAAoB;IACjC,MAAM,CAAS;IACf,SAAS,CAAU;IACnB,SAAS,CAAU;IACnB,UAAU,CAAU;IACpB,KAAK,CAAS;IACd,QAAQ,CAAS;IACjB,YAAY,CAAS;IACrB,aAAa,CAAU;IACvB,OAAO,CAAS;IAChB,aAAa,CAAS;IACtB,KAAK,CAAU;IAEvB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,mBAAmB,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,eAAe,CAAC;IAC3B,CAAC;IAED;;;;;OAKG;IACH,IACoB,KAAK;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAoB,KAAK,CAAC,KAAa;QACnC,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIoB,SAAS;QACzB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAoB,SAAS,CAAC,KAAc;QACxC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;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;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAW,OAAO,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,IAAW,WAAW,CAAC,KAAa;QAChC,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,IAAW,YAAY,CAAC,KAAc;QAClC,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACvC,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;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAiB,EAAE,EAAE;YACnC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB;aACnB,GAAG,CAAC;YACD,GAAG,CAAC,SAAS;YACb,GAAG,CAAC,SAAS;SAChB,EAAE,GAAG,EAAE;YACJ,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAErD,qBAAqB,CAAC,GAAG,EAAE;gBACvB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,cAAc,KAAK,CAAC,EAAE,CAAC;oBACxD,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;gBACtD,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE;YACxB,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAErD,qBAAqB,CAAC,GAAG,EAAE;gBACvB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,cAAc,KAAK,CAAC,EAAE,CAAC;oBACxD,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;gBACtD,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACX,CAAC;IAED;;;OAGG;IACa,KAAK;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;QAChF,CAAC;IACL,CAAC;IAED;;;OAGG;IACa,IAAI;QAChB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC;QAC/E,CAAC;IACL,CAAC;IAED;;OAEG;IACI,KAAK;QACR,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAEhB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;QAEH,6BAA6B;QAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED;;;;;OAKG;IACa,KAAK;QACjB,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;;;;OAKG;IACa,aAAa;QACzB,OAAO,IAAI,CAAC,UAAU;YAClB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE;YACpC,CAAC,CAAC,IAAI,CAAC;IACf,CAAC;IAED;;;OAGG;IACI,QAAQ,CAAC,KAAY;QACxB,IAAI,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;QAExD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAED;;;;OAIG;IACa,OAAO,CAAC,KAAiB;QACrC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED;;;;OAIG;IACa,OAAO,CAAC,KAAiB;QACrC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAA0B,CAAC,CAAC;QAEhF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED;;;OAGG;IACa,MAAM,CAAC,KAAiB;QACpC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEpB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACzC,CAAC;IAED;;;OAGG;IACa,eAAe;QAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;IACzE,CAAC;IAED;;OAEG;IACK,cAAc;QAClB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;IAED;;OAEG;IACK,SAAS;QACb,OAAO,IAAI,CAAC,UAAU;YAClB,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE;YAC3E,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;IAED;;OAEG;IACK,SAAS,CAAC,KAAoB,EAAE,KAAa,EAAE,KAAa;QAChE,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5B,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;QACxB,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED;;OAEG;IACK,QAAQ,CAAC,KAAa;QAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;QACtC,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACpD,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;QAE3C,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;YACvB,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAClD,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;gBAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;gBAClC,qBAAqB;gBACrB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;gBAEnB,+BAA+B;gBAC/B,KAAK,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;oBACvC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;gBACrC,CAAC,CAAC,CAAC;gBACH,KAAK,CAAC,IAAI,EAAE,CAAC;YACjB,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,MAAM,IAAI,GAAG,UAAU,CAAC;YACxB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,CAAC;YAC3C,qBAAqB;YACrB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YAEnB,+BAA+B;YAC/B,KAAK,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,IAAI,CAAC,SAAS,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;YAC9C,CAAC,CAAC,CAAC;YACH,KAAK,CAAC,IAAI,EAAE,CAAC;QACjB,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC;CAIJ,CAAA;AAvZG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;0CAG3B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;6CAGD;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;6CAGD;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;8CAGD;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;yCAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;gDAG3B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;iDAGD;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;yCAG5B;AAnPQ,aAAa;IAbzB,SAAS,CAAC;QACP,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE;YACJ,GAAG,EAAE,qBAAqB;YAC1B,OAAO,EAAE,yBAAyB;YAClC,YAAY,EAAE,8BAA8B;SAC/C;QACD,IAAI,EAAE;YACF,QAAQ,EAAE,GAAG;SAChB;QACD,OAAO,EAAE,CAAC,gBAAgB,CAAC;KAC9B,CAAC;;GACW,aAAa,CAydzB"}

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinBoxElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAsI1D"}
+{"version":3,"file":"PinBoxElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAiJ1D"}

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Cosmopolitan.js

@@ -18,6 +18,10 @@ export function pinBoxElementCosmopolitanStyle() {
   --pinbox-border-radius: unset;
   --pinbox-border-style: unset;
   --pinbox-border-width: unset;
+  --pinbox-focus-ring-active-width: 8px;
+  --pinbox-focus-ring-color: unset;
+  --pinbox-focus-ring-inward-offset: 2px;
+  --pinbox-focus-ring-outward-offset: 2px;
   --pinbox-font-family: var(--cosmopolitan-font-family);
   --pinbox-font-letter-spacing: unset;
   --pinbox-font-line-height: unset;
@@ -32,13 +36,13 @@ export function pinBoxElementCosmopolitanStyle() {
   --pinbox-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
   --pinbox-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
   --pinbox-padding-top: var(--cosmopolitan-layout-space);
-  --pinbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0);
-  --pinbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur-0);
-  --pinbox-shadow-color: var(--cosmopolitan-elevation-semilight-color-0);
-  --pinbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x-0);
-  --pinbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y-0);
-  --pinbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread-0);
-  --pinbox-transition-duration: var(--cosmopolitan-duration-short);
+  --pinbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x) var(--cosmopolitan-elevation-semilight-offset-y) var(--cosmopolitan-elevation-semilight-blur) var(--cosmopolitan-elevation-semilight-spread) var(--cosmopolitan-elevation-semilight-color);
+  --pinbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur);
+  --pinbox-shadow-color: var(--cosmopolitan-elevation-semilight-color);
+  --pinbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x);
+  --pinbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y);
+  --pinbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread);
+  --pinbox-transition-duration: var(--mosaik-duration-short);
   --pinbox-transition-mode: ease;
   --pinbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --pinbox-translate: none;
@@ -97,6 +101,13 @@ export function pinBoxElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--pinbox-focus-ring-color);
+  --focus-ring-active-width: var(--pinbox-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--pinbox-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--pinbox-focus-ring-outward-offset);
+}
+
 :host [part="root"] {
   gap: var(--pinbox-gap);
   flex: 1;

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinBoxElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PinBoxElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+IT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinBoxElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAyMjD"}
+{"version":3,"file":"PinBoxElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAkOjD"}

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.js

@@ -18,6 +18,11 @@ export function pinBoxElementJoyStyle() {
   --pinbox-border-radius: var(--joy-layout-radius);
   --pinbox-border-style: solid;
   --pinbox-border-width: var(--joy-layout-thickness);
+  --pinbox-focus-ring-active-width: 8px;
+  --pinbox-focus-ring-color: var(--joy-scheme-highlight);
+  --pinbox-focus-ring-inward-offset: 2px;
+  --pinbox-focus-ring-outward-offset: 0px;
+  --pinbox-focus-ring-width: 0px;
   --pinbox-font-family: var(--joy-font-family);
   --pinbox-font-letter-spacing: unset;
   --pinbox-font-line-height: unset;
@@ -32,13 +37,13 @@ export function pinBoxElementJoyStyle() {
   --pinbox-padding-left: calc(var(--joy-layout-space) * 1.5);
   --pinbox-padding-right: calc(var(--joy-layout-space) * 1.5);
   --pinbox-padding-top: var(--joy-layout-space);
-  --pinbox-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
-  --pinbox-shadow-blur: var(--joy-elevation-semilight-blur-0);
-  --pinbox-shadow-color: var(--joy-elevation-semilight-color-0);
-  --pinbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
-  --pinbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
-  --pinbox-shadow-spread: var(--joy-elevation-semilight-spread-0);
-  --pinbox-transition-duration: var(--joy-duration-short);
+  --pinbox-shadow: var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color);
+  --pinbox-shadow-blur: var(--joy-elevation-semilight-blur);
+  --pinbox-shadow-color: var(--joy-elevation-semilight-color);
+  --pinbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x);
+  --pinbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y);
+  --pinbox-shadow-spread: var(--joy-elevation-semilight-spread);
+  --pinbox-transition-duration: var(--mosaik-duration-short);
   --pinbox-transition-mode: ease;
   --pinbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --pinbox-translate: none;
@@ -97,6 +102,13 @@ export function pinBoxElementJoyStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--pinbox-focus-ring-color);
+  --focus-ring-active-width: var(--pinbox-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--pinbox-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--pinbox-focus-ring-outward-offset);
+}
+
 :host [part="root"] {
   gap: var(--pinbox-gap);
   flex: 1;
@@ -167,47 +179,60 @@ export function pinBoxElementJoyStyle() {
 
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-primary-500);
+  --pinbox-focus-ring-color: var(--joy-color-primary-500);
 }
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-secondary-500);
+  --pinbox-focus-ring-color: var(--joy-color-secondary-500);
 }
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-tertiary-500);
+  --pinbox-focus-ring-color: var(--joy-color-tertiary-500);
 }
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-danger-500);
+  --pinbox-focus-ring-color: var(--joy-color-danger-500);
 }
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-warning-500);
+  --pinbox-focus-ring-color: var(--joy-color-warning-500);
 }
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-success-500);
+  --pinbox-focus-ring-color: var(--joy-color-success-500);
 }
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-info-500);
+  --pinbox-focus-ring-color: var(--joy-color-info-500);
 }
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-highlight-500);
+  --pinbox-focus-ring-color: var(--joy-color-highlight-500);
 }
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
   --pinbox-border-color: var(--joy-color-neutral-500);
+  --pinbox-focus-ring-color: var(--joy-color-neutral-500);
 }
 
 :host([appearance="plain"]) {
   --pinbox-border-width: 0;
   --pinbox-background-color: var(--joy-scheme-transparent);
+  --pinbox-focus-ring-inward-offset: 0px;
+  --pinbox-focus-ring-outward-offset: 0px;
 }
 
 :host([appearance="soft"]), :host([appearance="solid"]) {
   --pinbox-background-color: var(--joy-scheme-highlight);
+  --pinbox-focus-ring-inward-offset: 0px;
+  --pinbox-focus-ring-outward-offset: 0px;
 }
 
     `;

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinBoxElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.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,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PinBoxElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.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,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgOT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Memphis.d.ts.map

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

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Memphis.js

@@ -18,6 +18,10 @@ export function pinBoxElementMemphisStyle() {
   --pinbox-border-radius: var(--memphis-layout-radius);
   --pinbox-border-style: solid;
   --pinbox-border-width: var(--memphis-layout-thickness);
+  --pinbox-focus-ring-active-width: 8px;
+  --pinbox-focus-ring-color: unset;
+  --pinbox-focus-ring-inward-offset: 2px;
+  --pinbox-focus-ring-outward-offset: 2px;
   --pinbox-font-family: var(--memphis-font-family);
   --pinbox-font-letter-spacing: unset;
   --pinbox-font-line-height: unset;
@@ -32,12 +36,12 @@ export function pinBoxElementMemphisStyle() {
   --pinbox-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --pinbox-padding-right: calc(var(--memphis-layout-space) * 1.5);
   --pinbox-padding-top: var(--memphis-layout-space);
-  --pinbox-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
-  --pinbox-shadow-blur: var(--memphis-elevation-semilight-blur-0);
-  --pinbox-shadow-color: var(--memphis-elevation-semilight-color-0);
-  --pinbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
-  --pinbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y-0);
-  --pinbox-shadow-spread: var(--memphis-elevation-semilight-spread-0);
+  --pinbox-shadow: var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color);
+  --pinbox-shadow-blur: var(--memphis-elevation-semilight-blur);
+  --pinbox-shadow-color: var(--memphis-elevation-semilight-color);
+  --pinbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x);
+  --pinbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y);
+  --pinbox-shadow-spread: var(--memphis-elevation-semilight-spread);
   --pinbox-transition-duration: .2s;
   --pinbox-transition-mode: ease;
   --pinbox-transition-property: background-color, color, border-color, opacity, box-shadow;
@@ -97,6 +101,13 @@ export function pinBoxElementMemphisStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--pinbox-focus-ring-color);
+  --focus-ring-active-width: var(--pinbox-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--pinbox-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--pinbox-focus-ring-outward-offset);
+}
+
 :host [part="root"] {
   gap: var(--pinbox-gap);
   flex: 1;

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinBoxElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4IT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PinBoxElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuJT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Radio/Themes/RadioElement.Joy.js

@@ -42,7 +42,7 @@ export function radioElementJoyStyle() {
   --radio-shadow-offset-x: unset;
   --radio-shadow-offset-y: unset;
   --radio-shadow-spread: unset;
-  --radio-transition-duration: var(--joy-duration-short);
+  --radio-transition-duration: var(--mosaik-duration-short);
   --radio-transition-mode: ease;
   --radio-transition-property: background-color, color, border-color, opacity, box-shadow;
   --radio-translate: none;