@7shifts/sous-chef 3.35.0-beta.6 → 3.36.0

package/dist/core/SousChefProvider/SousChefProvider.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+import en from '../../i18n/locales/en.json';
 type Props = {
+    i18n?: typeof en;
     children: React.ReactNode;
 };
-declare const SousChefProvider: ({ children }: Props) => React.JSX.Element;
+declare const SousChefProvider: ({ children, i18n }: Props) => React.JSX.Element;
 export default SousChefProvider;

package/dist/i18n/types.d.ts

@@ -1 +1,3 @@
+import type en from './locales/en.json';
 export type TranslateFunction = (key: string) => string;
+export type Context = keyof typeof en;

package/dist/i18n/useTranslation.d.ts

@@ -1,2 +1,2 @@
-import { TranslateFunction } from './types';
-export declare const useTranslation: (context?: string) => TranslateFunction;
+import type { TranslateFunction, Context } from './types';
+export declare const useTranslation: (context?: Context) => TranslateFunction;

package/dist/index.css

@@ -1529,7 +1529,7 @@ h5._32amZ {
 }
 ._ORvUI {
   stroke: var(--color-grey-100);
-  fill: var(--color-white);
+  fill: transparent;
 }
 ._2KJMe {
   stroke: var(--color-mint-400);
@@ -1649,7 +1649,7 @@ h5._32amZ {
   word-break: break-word;
   -webkit-hyphens: auto;
           hyphens: auto;
-  background: none;
+  background: var(--color-white);
 }
 ._3Jay_:first-of-type {
   border-left: 1px solid var(--color-grey-200);
@@ -2146,6 +2146,8 @@ input:disabled + ._2W10t::after {
   border-color: var(--color-eggplant-400);
   box-shadow: 0 0 8px var(--color-eggplant-300);
   outline: none;
+  overflow: visible;
+  z-index: var(--z-index-base);
 }
 ._1-1WW input:hover {
   background: var(--color-grey-100);
@@ -2623,6 +2625,7 @@ input:disabled + ._2W10t::after {
   display: flex;
   flex-direction: column;
   min-width: 90px;
+  background-color: var(--color-white);
 }
 ._eyfGn textarea {
   line-height: 22px;
@@ -2781,6 +2784,7 @@ input:focus-visible + ._W4HpY {
   text-align: center;
   height: 100%;
   color: var(--color-grey-400);
+  background: var(--color-white);
 }
 ._1md_9 input {
   border: 0px;
@@ -3067,6 +3071,8 @@ input:disabled + ._1aaPx::after {
   padding-top: 0px;
   display: flex;
   align-items: center;
+  background-color: var(--color-grey-100);
+  background-color: var(--color-white);
 }
 ._3YxJl {
   border-color: var(--color-radish-400) !important;
@@ -3265,12 +3271,16 @@ input:disabled + ._1aaPx::after {
   flex-grow: 1;
   display: flex;
 }
-._1zowl {
+._Fc99X {
+  font-size: 12pt;
+}
+
+input._1zowl {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._Fc99X {
-  font-size: 12pt;
+._2T1pu {
+  background-color: var(--color-white);
 }
 ._2T1pu:not(._1OxwW) > button:focus ._3mUO5 {
   border: 1px solid var(--color-eggplant-400);