@7shifts/sous-chef 3.56.2-beta2 → 3.57.0

package/dist/forms/NumberField/NumberField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Props as TextFieldProps } from '../TextField/TextField';
+/**
+ * `NumberField` is an extended `TextField` input with validation and formatting in place to properly display number values.
+ * In its default state it only allows whole numbers, but it can be configured to allow decimals and negative values.
+ */
+declare const NumberField: React.ForwardRefExoticComponent<{
+    max?: number | undefined;
+    min?: number | undefined;
+    precision?: number | undefined;
+    stepSize?: number | undefined;
+} & Omit<TextFieldProps, "maxLength"> & React.RefAttributes<HTMLInputElement>>;
+export default NumberField;

package/dist/forms/NumberField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './NumberField';

package/dist/index.css

@@ -1118,14 +1118,14 @@ Just for future references:
 }
 ._G3b-p::before {
   top: 0;
-  box-shadow: -6px -6px 0 0 white;
+  box-shadow: -6px -6px 0 0 var(--corner-background-color);
 }
 ._YUMxZ {
   bottom: -1px;
 }
 ._YUMxZ::before {
   bottom: 0;
-  box-shadow: -6px 6px 0 0 white;
+  box-shadow: -6px 6px 0 0 var(--corner-background-color);
 }
 ._xUVcY {
   width: var(--border-radius-600);
@@ -1148,14 +1148,14 @@ Just for future references:
 }
 ._BE0hn::before {
   top: 0;
-  box-shadow: 6px -6px 0 0 white;
+  box-shadow: 6px -6px 0 0 var(--corner-background-color);
 }
 ._UtFdB {
   bottom: -1px;
 }
 ._UtFdB::before {
   bottom: 0;
-  box-shadow: 6px 6px 0 0 white;
+  box-shadow: 6px 6px 0 0 var(--corner-background-color);
 }
 ._omAUf {
   padding: 16px 12px 16px 12px;
@@ -1800,24 +1800,21 @@ h5._6SgoN {
   height: 80px;
   border-radius: 50%;
 }
-._nG--Q:focus:not(:focus-visible) {
+._hhDnr:first-of-type > td {
+  border-top: 1px solid var(--color-grey-200);
+}
+._hhDnr:focus:not(:focus-visible) {
   /* Remove the focus indicator on mouse-focus for browsers
      that do support :focus-visible */
   outline: none;
 }
-
-._II3M2 {
+._ej5Ke {
   cursor: pointer;
 }
-._II3M2:hover {
+._ej5Ke:not(._qDTAh):hover td {
   background-color: var(--color-grey-100);
 }
-
-._nG--Q:first-of-type > td {
-  border-top: 1px solid var(--color-grey-200);
-}
-
-._ho205 td {
+._qDTAh td {
   background-color: var(--color-blackberry-100);
 }
 ._ffXgN {