@7shifts/sous-chef 3.58.0 → 3.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const MagnifyingGlassIllustration: () => React.JSX.Element;
3
+ export default MagnifyingGlassIllustration;
@@ -0,0 +1 @@
1
+ export { default } from './MagnifyingGlassIllustration';
@@ -6,6 +6,7 @@ type Props = {
6
6
  value?: string | number;
7
7
  onChange?: (e: string | number) => void;
8
8
  label?: React.ReactNode;
9
+ caption?: React.ReactNode;
9
10
  error?: React.ReactNode;
10
11
  /**
11
12
  * **DEPRECATED** *Use the `columns` prop instead.*<br/><br/>When true it will place the options on the same line up to 4 options per line. It only applies when using `RadioGroupOption` as children
@@ -21,5 +22,5 @@ type Props = {
21
22
  columns?: 2 | 3 | 4;
22
23
  };
23
24
  /** RadioGroupField form element. */
24
- declare const RadioGroupField: ({ name, value, onChange, label, error, inline, disabled, children, testId, columns }: Props) => React.JSX.Element;
25
+ declare const RadioGroupField: ({ name, value, onChange, label, caption, error, inline, disabled, children, testId, columns }: Props) => React.JSX.Element;
25
26
  export default RadioGroupField;
@@ -41,6 +41,9 @@
41
41
  "emptyStateTitle": "No results found",
42
42
  "emptyStateCaption": "Try adding a new item to the list or adjust your search terms."
43
43
  },
44
+ "ActionList": {
45
+ "emptyStateTitle": "No action items"
46
+ },
44
47
  "PhoneField": {
45
48
  "malformedPhoneNumber": "Malformed phone number. Please enter a valid phone number."
46
49
  }
@@ -41,6 +41,9 @@
41
41
  "emptyStateTitle": "No se encontraron resultados",
42
42
  "emptyStateCaption": "Intenta agregar un nuevo elemento a la lista o ajusta tus términos de búsqueda."
43
43
  },
44
+ "ActionList": {
45
+ "emptyStateTitle": "Sin elementos de acción"
46
+ },
44
47
  "PhoneField": {
45
48
  "malformedPhoneNumber": "Número de teléfono mal formado. Por favor, ingresa un número de teléfono válido."
46
49
  }
@@ -41,6 +41,9 @@
41
41
  "emptyStateTitle": "Aucun résultat trouvé",
42
42
  "emptyStateCaption": "Essayez d'ajouter un nouvel élément à la liste ou ajustez vos termes de recherche."
43
43
  },
44
+ "ActionList": {
45
+ "emptyStateTitle": "Aucune action"
46
+ },
44
47
  "PhoneField": {
45
48
  "malformedPhoneNumber": "Numéro de téléphone mal formé. Veuillez entrer un numéro de téléphone valide."
46
49
  }
package/dist/index.css CHANGED
@@ -2696,6 +2696,7 @@ input:disabled + ._kmvBP::after {
2696
2696
  border: 1px solid var(--color-grey-200);
2697
2697
  border-radius: var(--border-radius-600);
2698
2698
  background-color: var(--color-white);
2699
+ overflow-y: auto;
2699
2700
  }
2700
2701
  ._pWke5 > *:not(:last-child) {
2701
2702
  border-bottom: 1px solid var(--color-grey-200);
@@ -2710,6 +2711,20 @@ input:disabled + ._kmvBP::after {
2710
2711
  border-radius: var(--border-radius-600);
2711
2712
  border-bottom: none;
2712
2713
  }
2714
+ ._p8I7K {
2715
+ background-color: var(--color-white);
2716
+ padding: 16px;
2717
+ color: var(--color-grey-500);
2718
+ position: sticky;
2719
+ top: 0;
2720
+ z-index: 2;
2721
+ }
2722
+ ._l-tFB {
2723
+ display: flex;
2724
+ width: 100%;
2725
+ padding: 32px 0;
2726
+ justify-content: center;
2727
+ }
2713
2728
  ._JnBey {
2714
2729
  width: 100%;
2715
2730
  height: 100%;
@@ -3072,6 +3087,14 @@ input:focus-visible + ._JXakU {
3072
3087
  text-overflow: ellipsis;
3073
3088
  }
3074
3089
 
3090
+ ._JNfQO {
3091
+ font-family: var(--font-family-body);
3092
+ font-size: var(--font-size-100);
3093
+ line-height: var(--font-line-height-100);
3094
+ font-weight: var(--p-font-weight-normal);
3095
+ color: var(--color-grey-500);
3096
+ }
3097
+
3075
3098
  ._2KvuU {
3076
3099
  font-family: var(--font-family-body);
3077
3100
  font-size: var(--font-size-200);
@@ -3084,6 +3107,13 @@ input:focus-visible + ._JXakU {
3084
3107
  color: var(--color-grey-500);
3085
3108
  min-height: 16px;
3086
3109
  }
3110
+ ._ZeIOd {
3111
+ font-family: var(--font-family-body);
3112
+ font-size: var(--font-size-100);
3113
+ line-height: var(--font-line-height-100);
3114
+ font-weight: var(--p-font-weight-normal);
3115
+ color: var(--color-grey-500);
3116
+ }
3087
3117
  ._s7mjc {
3088
3118
  font-family: var(--font-family-body);
3089
3119
  font-size: var(--font-size-200);
@@ -3119,6 +3149,7 @@ input:focus-visible + ._JXakU {
3119
3149
  background: var(--color-white);
3120
3150
  width: auto;
3121
3151
  padding: 0;
3152
+ float: none;
3122
3153
  }
3123
3154
  ._IIX-P input {
3124
3155
  border: 0px;