@7shifts/sous-chef 3.86.4 → 3.87.0-beta.1

package/dist/i18n/locales/locales/fr.json

@@ -0,0 +1,53 @@
+{
+    "PaginationControls": {
+        "previousButton": "Précédent",
+        "nextButton": "Suivant"
+    },
+    "AsyncSelectField": {
+        "moreOptionsPlaceholder": "Commencez à taper pour voir plus d’options"
+    },
+    "SelectField": {
+        "createOption": "Créer une option",
+        "createButton": "Créer"
+    },
+    "PillSelectField": {
+        "enterOption": "Entrez une option"
+    },
+    "HintModal": {
+        "dontShowAgainLabel": "Ne plus afficher ce message"
+    },
+    "Calendar": {
+        "sunday": "Dimanche",
+        "monday": "Lundi",
+        "tuesday": "Mardi",
+        "wednesday": "Mercredi",
+        "thursday": "Jeudi",
+        "friday": "Vendredi",
+        "saturday": "Samedi",
+        "january": "Janvier",
+        "february": "Février",
+        "march": "Mars",
+        "april": "Avril",
+        "may": "Mai",
+        "june": "Juin",
+        "july": "Juillet",
+        "august": "Août",
+        "september": "Septembre",
+        "october": "Octobre",
+        "november": "Novembre",
+        "december": "Décembre"
+    },
+    "Card": {
+        "dismiss": "Rejeter"
+    },
+    "DataTable": {
+        "emptyStateTitle": "Aucun résultat trouvé",
+        "emptyStateCaption": "Essayez d'ajouter un nouvel élément à la liste ou ajustez vos termes de recherche."
+    },
+    "ActionList": {
+        "emptyStateTitle": "Aucune action"
+    },
+    "PhoneField": {
+        "malformedPhoneNumber": "Veuillez entrer un numéro de téléphone valide."
+    }
+}

package/dist/icons/components/IconBellAlex.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IconSize } from '../types';
+type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconBellAlex: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconBellAlex;

package/dist/index.css

@@ -169,23 +169,52 @@
   --color-blackberry-500-rgb: 28, 92, 187;
   --color-blackberry-600: #193f78;
   --color-blackberry-600-rgb: 25, 63, 120;
-  --color-surface-color-overlay: rgba(0, 0, 0, 0.2);
+  --color-neutral-color: #6e6d6c;
+  --color-neutral-on-color: #fff;
+  --color-neutral-container: #e2ded6;
+  --color-neutral-on-container: #323232;
+  --color-neutral-container-variant: #f1f0ec;
+  --color-neutral-on-container-variant: #383430;
+  --color-neutral-black-transparent-05: rgba(var(--color-black-rgb), 0.05);
+  --color-neutral-black-transparent-10: rgba(var(--color-black-rgb), 0.1);
+  --color-neutral-black-transparent-15: rgba(var(--color-black-rgb), 0.15);
+  --color-neutral-black-transparent-20: rgba(var(--color-black-rgb), 0.2);
+  --color-neutral-black-transparent-30: rgba(var(--color-black-rgb), 0.3);
+  --color-neutral-black-transparent-40: rgba(var(--color-black-rgb), 0.4);
+  --color-neutral-black-transparent-50: rgba(var(--color-black-rgb), 0.5);
+  --color-neutral-black-transparent-60: rgba(var(--color-black-rgb), 0.6);
+  --color-neutral-black-transparent-70: rgba(var(--color-black-rgb), 0.7);
+  --color-neutral-black-transparent-80: rgba(var(--color-black-rgb), 0.8);
+  --color-neutral-black-transparent-90: rgba(var(--color-black-rgb), 0.9);
+  --color-neutral-white-transparent-05: rgba(var(--color-white-rgb), 0.05);
+  --color-neutral-white-transparent-10: rgba(var(--color-white-rgb), 0.1);
+  --color-neutral-white-transparent-15: rgba(var(--color-white-rgb), 0.15);
+  --color-neutral-white-transparent-20: rgba(var(--color-white-rgb), 0.2);
+  --color-neutral-white-transparent-30: rgba(var(--color-white-rgb), 0.3);
+  --color-neutral-white-transparent-40: rgba(var(--color-white-rgb), 0.4);
+  --color-neutral-white-transparent-50: rgba(var(--color-white-rgb), 0.5);
+  --color-neutral-white-transparent-60: rgba(var(--color-white-rgb), 0.6);
+  --color-neutral-white-transparent-70: rgba(var(--color-white-rgb), 0.7);
+  --color-neutral-white-transparent-80: rgba(var(--color-white-rgb), 0.8);
+  --color-neutral-white-transparent-90: rgba(var(--color-white-rgb), 0.9);
+  --color-surface-color-overlay: var(--color-neutral-black-transparent-20);
   --color-surface-color-dim: #fafafa;
   --color-surface-color: #fff;
-  --color-surface-on-color-disabled: #d5d5d5;
+  --color-surface-on-color-disabled: var(--color-neutral-black-transparent-20);
   --color-surface-on-color-subtle: #767676;
   --color-surface-on-color: #464646;
   --color-surface-on-color-bold: #323232;
   --color-surface-container: #fff;
   --color-surface-container-high: #f3f3f3;
   --color-surface-container-highest: #d5d5d5;
-  --color-surface-container-disabled: #f3f3f3;
-  --color-surface-container-disabled-variant: #d5d5d5;
-  --color-surface-on-container-disabled: #949494;
+  --color-surface-container-disabled: var(--color-neutral-black-transparent-05);
+  --color-surface-container-disabled-variant: var(--color-neutral-black-transparent-20);
+  --color-surface-on-container-disabled: var(--color-neutral-black-transparent-40);
   --color-surface-inverse: #323232;
   --color-surface-on-inverse: #fff;
-  --color-outline: #d5d5d5;
-  --color-outline-variant: #949494;
+  --color-surface-on-inverse-disabled: var(--color-neutral-white-transparent-50);
+  --color-outline: var(--color-neutral-black-transparent-20);
+  --color-outline-variant: #d5d5d5;
   --color-outline-inverse: #fff;
   --color-primary-color: #4570ff;
   --color-primary-on-color: #fff;
@@ -239,44 +268,43 @@
   --color-warning-on-container: #323232;
   --color-warning-container-variant: #fff9ed;
   --color-warning-on-container-variant: #765f2c;
-  --color-neutral-color: #6e6d6c;
-  --color-neutral-on-color: #fff;
-  --color-neutral-container: #e2ded6;
-  --color-neutral-on-container: #323232;
-  --color-neutral-container-variant: #f1f0ec;
-  --color-neutral-on-container-variant: #383430;
+  --color-shadow-overlay: var(--color-neutral-black-transparent-20);
+  --color-shadow-active: #4570ff;
+  --color-brand-neutrals-caviar-dynamic: #000;
+  --color-brand-neutrals-chefscoat-dynamic: #fff;
 }
 
 .theme-dark {
   --color-surface-color-overlay: rgba(0, 0, 0, 0.5);
   --color-surface-color-dim: #252525;
   --color-surface-color: #323232;
-  --color-surface-on-color-disabled: #767676;
+  --color-surface-on-color-disabled: var(--color-neutral-white-transparent-30);
   --color-surface-on-color-subtle: #949494;
   --color-surface-on-color: #f3f3f3;
   --color-surface-on-color-bold: #fff;
   --color-surface-container: #323232;
   --color-surface-container-high: #464646;
   --color-surface-container-highest: #767676;
-  --color-surface-container-disabled: #464646;
-  --color-surface-container-disabled-variant: #464646;
-  --color-surface-on-container-disabled: #949494;
+  --color-surface-container-disabled: var(--color-neutral-white-transparent-10);
+  --color-surface-container-disabled-variant: var(--color-neutral-white-transparent-10);
+  --color-surface-on-container-disabled: var(--color-neutral-white-transparent-50);
   --color-surface-inverse: #f3f3f3;
   --color-surface-on-inverse: #323232;
-  --color-outline: #464646;
-  --color-outline-variant: #767676;
+  --color-surface-on-inverse-disabled: var(--color-neutral-black-transparent-50);
+  --color-outline: var(--color-neutral-white-transparent-15);
+  --color-outline-variant: #464646;
   --color-outline-inverse: #323232;
   --color-primary-color: #4570ff;
   --color-primary-on-color: #fff;
-  --color-primary-color-variant: #193f78;
+  --color-primary-color-variant: #a0bbff;
   --color-primary-on-color-variant: #fff;
-  --color-primary-container: #193f78;
+  --color-primary-container: #1c5cbb;
   --color-primary-on-container: #fff;
   --color-primary-container-variant: #193f78;
   --color-primary-on-container-variant: #a0bbff;
   --color-secondary-color: #ff6808;
   --color-secondary-on-color: #fff;
-  --color-secondary-container: #95400a;
+  --color-secondary-container: #cf5406;
   --color-secondary-on-container: #fff;
   --color-secondary-container-variant: #95400a;
   --color-secondary-on-container-variant: #fcab91;
@@ -286,35 +314,35 @@
   --color-tertiary-on-container: #323232;
   --color-tertiary-container-variant: #00feb2;
   --color-tertiary-on-container-variant: #323232;
-  --color-success-color: #3abda9;
+  --color-success-color: #8de4d7;
   --color-success-on-color: #323232;
-  --color-success-container: #1d5e54;
+  --color-success-container: #35ac9a;
   --color-success-on-container: #fff;
   --color-success-container-variant: #1d5e54;
   --color-success-on-container-variant: #8de4d7;
   --color-danger-color: #e76767;
   --color-danger-on-color: #323232;
-  --color-danger-container: #793133;
+  --color-danger-container: #d33434;
   --color-danger-on-container: #fff;
   --color-danger-container-variant: #793133;
   --color-danger-on-container-variant: #f0a3a3;
-  --color-info-color: #5bc0de;
+  --color-info-color: #9cd9eb;
   --color-info-on-color: #323232;
-  --color-info-container: #2c5d6b;
+  --color-info-container: #51acc7;
   --color-info-on-container: #fff;
   --color-info-container-variant: #2c5d6b;
   --color-info-on-container-variant: #9cd9eb;
-  --color-upsell-color: #c293f1;
+  --color-upsell-color: #d9bff4;
   --color-upsell-on-color: #323232;
   --color-upsell-color-variant: #d9bff4;
   --color-upsell-on-color-variant: #323232;
-  --color-upsell-container: #453e75;
+  --color-upsell-container: #846db3;
   --color-upsell-on-container: #fff;
   --color-upsell-container-variant: #453e75;
   --color-upsell-on-container-variant: #d9bff4;
-  --color-warning-color: #f7ba11;
+  --color-warning-color: #ffdd92;
   --color-warning-on-color: #323232;
-  --color-warning-container: #765f2c;
+  --color-warning-container: #bf9436;
   --color-warning-on-container: #fff;
   --color-warning-container-variant: #765f2c;
   --color-warning-on-container-variant: #ffdd92;
@@ -324,6 +352,10 @@
   --color-neutral-on-container: #fff;
   --color-neutral-container-variant: #383430;
   --color-neutral-on-container-variant: #c7c0b2;
+  --color-shadow-overlay: var(--color-neutral-black-transparent-40);
+  --color-shadow-active: #4570ff;
+  --color-brand-neutrals-caviar-dynamic: #fff;
+  --color-brand-neutrals-chefscoat-dynamic: #000;
 }
 :root {
   --border-radius-300: 4px;
@@ -594,7 +626,7 @@ Just for future references:
   font-weight: var(--p-font-weight-normal);
   position: fixed;
   padding: 12px;
-  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 12px -3px var(--color-shadow-overlay);
   border-radius: 5px;
   visibility: hidden;
   opacity: 0;
@@ -689,7 +721,7 @@ Just for future references:
   height: 16px;
 }
 ._pgOR3:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
   text-decoration: none;
 }
@@ -749,14 +781,14 @@ Just for future references:
 }
 
 ._XwJWT {
-  background: var(--color-primary-color-variant);
-  border-color: var(--color-primary-color-variant);
-  color: var(--color-primary-on-color-variant);
+  background: var(--color-primary-color);
+  border-color: var(--color-primary-color);
+  color: var(--color-primary-on-color);
 }
 ._XwJWT:hover {
-  border-color: color-mix(in srgb, var(--color-primary-color-variant) 100%, var(--color-surface-container) 25%);
-  background: color-mix(in srgb, var(--color-primary-color-variant) 100%, var(--color-surface-container) 25%);
-  color: var(--color-primary-on-color-variant);
+  border-color: color-mix(in srgb, var(--color-primary-color) 100%, var(--color-surface-container) 25%);
+  background: color-mix(in srgb, var(--color-primary-color) 100%, var(--color-surface-container) 25%);
+  color: var(--color-primary-on-color);
 }
 ._XwJWT:disabled {
   background: var(--color-surface-container-disabled-variant);
@@ -1088,7 +1120,7 @@ Just for future references:
 ._sp-pT {
   position: absolute;
   list-style: none;
-  box-shadow: 0 0 12px -3px var(--color-outline-variant);
+  box-shadow: 0 0 12px -3px var(--color-shadow-overlay);
   background: var(--color-surface-container);
   margin-top: 8px;
   transform-origin: top right;
@@ -1107,7 +1139,7 @@ Just for future references:
   text-decoration: none;
 }
 ._AktVc:focus > * {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
 }
 ._zv4ua {
   font-family: var(--font-family-body);
@@ -1258,7 +1290,7 @@ h5._6SgoN {
 }
 ._G6LsE:focus {
   border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._G6LsE:disabled {
@@ -1464,12 +1496,12 @@ h5._6SgoN {
   background-color: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
 }
 ._uc-GV:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._wx2MU {
   border-color: var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
 }
 ._TQDZH {
   background: var(--color-surface-container-disabled);
@@ -1530,7 +1562,7 @@ h5._6SgoN {
   text-decoration: none;
 }
 ._fo7-A:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
   text-decoration: none;
 }
@@ -1712,7 +1744,7 @@ h5._6SgoN {
   overflow: auto;
   outline: none;
   padding: 32px 24px;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 12px -3px var(--color-shadow-overlay);
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -2018,7 +2050,7 @@ h5._6SgoN {
   left: 0;
   z-index: var(--z-index-base);
   background: var(--color-surface-container);
-  box-shadow: 0 0 12px -3px var(--color-outline-variant);
+  box-shadow: 0 0 12px -3px var(--color-shadow-overlay);
 }
 ._Id4qm {
   position: relative;
@@ -2083,7 +2115,7 @@ input:disabled + ._kmvBP::after {
   border-width: 0 2px 2px 0 !important;
 }
 ._NwD6V {
-  box-shadow: 0 0 12px -3px var(--color-outline-variant);
+  box-shadow: 0 0 12px -3px var(--color-shadow-overlay);
   border: 1px solid var(--color-outline);
   border-radius: 8px;
   background-color: var(--color-surface-color);
@@ -2228,7 +2260,7 @@ input:disabled + ._kmvBP::after {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  border: 1px solid var(--color-outline);
+  border: 1px solid var(--color-outline-variant);
   border-radius: var(--border-radius-600);
 }
 ._1SNLz tr:first-of-type > td:first-of-type {
@@ -2260,10 +2292,10 @@ input:disabled + ._kmvBP::after {
   background: var(--color-surface-container-high);
 }
 ._mp1Ok tr td:first-of-type {
-  border-left: 1px solid var(--color-outline);
+  border-left: 1px solid var(--color-outline-variant);
 }
 ._mp1Ok tr td:last-of-type {
-  border-right: 1px solid var(--color-outline);
+  border-right: 1px solid var(--color-outline-variant);
 }
 ._mp1Ok tr:first-of-type td {
   border-top: 0;
@@ -2280,7 +2312,7 @@ input:disabled + ._kmvBP::after {
 ._wZ8Xg {
   width: 100%;
   height: 20px;
-  border: 1px solid var(--color-outline);
+  border: 1px solid var(--color-outline-variant);
   box-sizing: border-box;
   position: absolute;
   z-index: var(--z-index-base);
@@ -2681,7 +2713,7 @@ input:disabled + ._kmvBP::after {
   border-radius: 50%;
 }
 ._hhDnr:first-of-type > td {
-  border-top: 1px solid var(--color-outline);
+  border-top: 1px solid var(--color-outline-variant);
 }
 ._hhDnr:focus:not(:focus-visible) {
   /* Remove the focus indicator on mouse-focus for browsers
@@ -2705,7 +2737,7 @@ input:disabled + ._kmvBP::after {
 }
 ._cp8xi {
   position: relative;
-  border-bottom: 1px solid var(--color-outline);
+  border-bottom: 1px solid var(--color-outline-variant);
   padding: 16px;
   word-break: break-word;
   -webkit-hyphens: auto;
@@ -2713,16 +2745,16 @@ input:disabled + ._kmvBP::after {
   background: var(--color-surface-color);
 }
 ._cp8xi:first-of-type {
-  border-left: 1px solid var(--color-outline);
+  border-left: 1px solid var(--color-outline-variant);
 }
 ._cp8xi:last-of-type {
-  border-right: 1px solid var(--color-outline);
+  border-right: 1px solid var(--color-outline-variant);
 }
 ._gqbNb {
   padding: 0;
 }
 ._uHjkg:not(:last-child) {
-  border-right: 1px solid var(--color-outline);
+  border-right: 1px solid var(--color-outline-variant);
 }
 ._ASOQd {
   background: var(--color-danger-container-variant);
@@ -2774,7 +2806,7 @@ input:disabled + ._kmvBP::after {
 }
 ._jp9-G input:focus {
   border-color: var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
   overflow: visible;
   z-index: var(--z-index-base);
@@ -2846,11 +2878,11 @@ input:disabled + ._kmvBP::after {
   transform: translateZ(-1px);
   top: 0;
   animation: _b1-OB 1s;
-  box-shadow: -7px 12px 11px 3px var(--color-outline-variant);
+  box-shadow: -7px 12px 11px 3px var(--color-shadow-overlay);
   right: 0;
 }
 ._7dAEd._rR4W3 table tr > td:first-of-type {
-  border-right: 4px solid var(--color-outline);
+  border-right: 4px solid var(--color-outline-variant);
 }
 ._qLE4I table thead tr th:first-of-type {
   position: sticky;
@@ -2890,11 +2922,11 @@ input:disabled + ._kmvBP::after {
   transform: translateZ(-1px);
   top: 0;
   animation: _b1-OB 1s;
-  box-shadow: 7px 12px 11px 3px var(--color-outline-variant);
+  box-shadow: 7px 12px 11px 3px var(--color-shadow-overlay);
   left: 0;
 }
 ._B92Ir._rR4W3 table tr > td:last-of-type {
-  border-left: 4px solid var(--color-outline);
+  border-left: 4px solid var(--color-outline-variant);
 }
 ._ONjpl table thead tr th:last-of-type {
   position: sticky;
@@ -2991,7 +3023,7 @@ input:disabled + ._kmvBP::after {
   box-sizing: border-box;
 }
 ._k704p {
-  border: 1px solid var(--color-outline);
+  border: 1px solid var(--color-outline-variant);
   border-right: 0;
   border-bottom-left-radius: var(--border-radius-600);
   border-top-left-radius: var(--border-radius-600);
@@ -3025,7 +3057,7 @@ input:disabled + ._kmvBP::after {
   box-shadow: -6px 6px 0 0 var(--corner-background-color);
 }
 ._wOust {
-  border: 1px solid var(--color-outline);
+  border: 1px solid var(--color-outline-variant);
   border-left: 0;
   border-bottom-right-radius: var(--border-radius-600);
   border-top-right-radius: var(--border-radius-600);
@@ -3212,7 +3244,7 @@ input:disabled + ._kmvBP::after {
   background-color: color-mix(in srgb, var(--color-surface-container) 100%, var(--color-surface-inverse) 5%);
 }
 ._G-7Pi:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   z-index: 2;
   outline: none;
 }
@@ -3267,7 +3299,7 @@ input:disabled + ._kmvBP::after {
   background-color: color-mix(in srgb, var(--color-surface-container) 100%, var(--color-surface-inverse) 5%);
 }
 ._N37zE:not(._42Bvz):focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._h8n2w {
@@ -3287,7 +3319,7 @@ input:disabled + ._kmvBP::after {
   background-color: color-mix(in srgb, var(--color-surface-container) 100%, var(--color-surface-inverse) 5%);
 }
 ._9wFtw:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._OrtcR, ._oYoUt {
@@ -3329,7 +3361,7 @@ input:disabled + ._kmvBP::after {
   background-color: var(--color-surface-container-high);
 }
 ._lehFG:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
   text-decoration: none;
 }
@@ -3463,7 +3495,7 @@ input:disabled + ._kmvBP::after {
 }
 ._62RIR {
   border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._CDt23 {
@@ -3587,7 +3619,7 @@ input:disabled:checked + ._JXakU {
 }
 input:focus-visible + ._JXakU, input:focus-visible + ._ZxEwG {
   border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._xzukU {
@@ -3685,7 +3717,7 @@ input:focus-visible + ._JXakU, input:focus-visible + ._ZxEwG {
 }
 input:checked ~ ._P588B {
   border-color: var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   cursor: default;
 }
 ._P588B {
@@ -3702,7 +3734,7 @@ input:checked ~ ._P588B {
   word-break: break-word;
 }
 ._P588B:hover {
-  box-shadow: 0 0 8px var(--color-outline);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
 }
 ._Ir3Og {
   background: var(--color-surface-container-disabled);
@@ -3816,7 +3848,7 @@ input:disabled + ._Yfxkl::after {
 }
 ._6Of1F:focus {
   border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._6Of1F:disabled {
@@ -3906,7 +3938,7 @@ input:disabled + ._Yfxkl::after {
 }
 ._t-FNM:focus, ._7xqY4:focus {
   border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._t-FNM:disabled, ._7xqY4:disabled {
@@ -3962,7 +3994,7 @@ input:disabled + ._Yfxkl::after {
 }
 ._6cH4X:focus, ._DMb6M input:focus, ._DMb6M:focus {
   border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._6cH4X:disabled, ._DMb6M input:disabled, ._DMb6M:disabled {
@@ -4005,13 +4037,15 @@ input:disabled + ._Yfxkl::after {
 ._ZJ2A5 {
   border-color: var(--color-danger-color) !important;
 }
-._DMb6M svg, ._DMb6M path {
+._DMb6M svg,
+._DMb6M path {
   color: var(--color-surface-on-color-subtle);
 }
 ._WkaJQ {
   background-color: var(--color-surface-container-disabled);
 }
-._WkaJQ svg, ._WkaJQ path {
+._WkaJQ svg,
+._WkaJQ path {
   color: var(--color-surface-on-container-disabled);
 }
 ._DMb6M input {
@@ -4022,7 +4056,7 @@ input:disabled + ._Yfxkl::after {
 }
 ._DMb6M input:focus {
   border: none;
-  box-shadow: inset 0 -2px 0 var(--color-primary-color);
+  box-shadow: inset 0 -2px 0 var(--color-shadow-active);
   outline: none;
   border-radius: 0;
   border-top-right-radius: 4px;
@@ -4146,7 +4180,7 @@ input:disabled + ._Yfxkl::after {
 }
 ._yV-BZ:focus, ._9i8Lj input:focus, ._9i8Lj:focus {
   border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+  box-shadow: 0 0 8px 0 var(--color-shadow-active);
   outline: none;
 }
 ._yV-BZ:disabled, ._9i8Lj input:disabled, ._9i8Lj:disabled {
@@ -4202,14 +4236,14 @@ input:disabled + ._Yfxkl::after {
 }
 ._9i8Lj > div:first-of-type input:focus {
   border: none;
-  box-shadow: inset 0 -2px 0 var(--color-primary-color);
+  box-shadow: inset 0 -2px 0 var(--color-shadow-active);
   outline: none;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 ._9i8Lj > div:last-of-type input:focus {
   border: none;
-  box-shadow: inset 0 -2px 0 var(--color-primary-color);
+  box-shadow: inset 0 -2px 0 var(--color-shadow-active);
   outline: none;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;