@7shifts/sous-chef 1.5.8 → 2.1.1

package/dist/controls/ToolbarSelect/ToolbarSelect.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { SelectOption, SelectOptions } from '../../forms/SelectField/types';
+declare type Props<T> = {
+    name: string;
+    value?: SelectOption<T>;
+    placeholder?: string;
+    options: SelectOptions<T>;
+    onChange?: (e: SelectOption<T>) => void;
+    onBlur?: (e: SelectOption<T>) => void;
+    disabled?: boolean;
+    /** Use a prefix for things like icons or symbols (“$”, “¥”, “£”). */
+    prefix: React.ReactNode;
+};
+/** Toolbar component to make a possible selection from predefined options. */
+declare const ToolbarSelect: <T extends unknown>({ name, value, options, onChange, onBlur, placeholder, disabled, prefix, }: Props<T>) => JSX.Element;
+export default ToolbarSelect;

package/dist/controls/ToolbarSelect/ToolbarSelect.styles.d.ts

@@ -0,0 +1,5 @@
+declare type GetSelectStylesControls = {
+    wrapToNextLine?: boolean;
+};
+export declare const getSelectStyles: ({ wrapToNextLine }: GetSelectStylesControls) => Object;
+export {};

package/dist/forms/SelectField/SelectField.styles.d.ts

@@ -1,8 +1,7 @@
 declare type GetSelectStylesControls = {
     isInvalid: boolean;
-    hasPrefix?: boolean;
     asToolbarFilter?: boolean;
     wrapToNextLine?: boolean;
 };
-export declare const getSelectStyles: ({ isInvalid, hasPrefix, asToolbarFilter, wrapToNextLine }: GetSelectStylesControls) => Object;
+export declare const getSelectStyles: ({ isInvalid, asToolbarFilter, wrapToNextLine }: GetSelectStylesControls) => Object;
 export {};

package/dist/forms/TextField/TextField.d.ts

@@ -23,5 +23,5 @@ declare type Props = {
     suffix?: React.ReactNode;
     value?: string;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+declare const TextField: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default TextField;

package/dist/icons/iconUtils.d.ts

@@ -1,2 +1,8 @@
 import { IconSize } from './types';
-export declare const getIconStyles: (size: IconSize, rotate?: number | undefined) => Object;
+declare type Params = {
+    size?: IconSize;
+    color?: string;
+    styles?: Object;
+};
+export declare const getIconStyles: ({ size, color, styles }: Params) => Object;
+export {};

package/dist/icons/index.d.ts

@@ -1,22 +1 @@
-import IconArrowDown from './IconArrowDown';
-import IconArrowLeft from './IconArrowLeft';
-import IconArrowRight from './IconArrowRight';
-import IconArrowUp from './IconArrowUp';
-import IconCalendar from './IconCalendar';
-import IconCheck from './IconCheck';
-import IconChevronDown from './IconChevronDown';
-import IconChevronUp from './IconChevronUp';
-import IconClose from './IconClose';
-import IconComment from './IconComment';
-import IconDelete from './IconDelete';
-import IconEdit from './IconEdit';
-import IconEye from './IconEye';
-import IconEyeSlash from './IconEyeSlash';
-import IconExclaim from './IconExclaim';
-import IconLocation from './IconLocation';
-import IconMinusCircle from './IconMinusCircle';
-import IconMore from './IconMore';
-import IconRemove from './IconRemove';
-import IconUser from './IconUser';
-import IconUserPlus from './IconUserPlus';
-export { IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconCalendar, IconCheck, IconChevronDown, IconChevronUp, IconClose, IconComment, IconDelete, IconEdit, IconEye, IconEyeSlash, IconExclaim, IconLocation, IconMinusCircle, IconMore, IconRemove, IconUser, IconUserPlus };
+export * from './components';

package/dist/index.css

@@ -1,14 +1,3 @@
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._f-GkY {
-  fill: #929292;
-}
 /*********************************
 For new colours, see _colors.scss.
 **********************************/
@@ -795,6 +784,7 @@ Please ask a designer if you have questions about which colours to use.
 ._azbIG {
   width: 40px;
   padding: 16px;
+  box-sizing: content-box;
 }
 /*********************************
 For new colours, see _colors.scss.
@@ -841,6 +831,7 @@ Please ask a designer if you have questions about which colours to use.
 
 ._LoIvx {
   width: 40px;
+  box-sizing: content-box;
 }
 
 ._3VjFP {
@@ -981,6 +972,9 @@ Please ask a designer if you have questions about which colours to use.
   margin-bottom: auto;
   text-align: left;
 }
+._eX5OL svg {
+  color: #929292;
+}
 
 .__YH01 {
   position: absolute;
@@ -1002,6 +996,9 @@ Please ask a designer if you have questions about which colours to use.
   right: 0;
   text-align: right;
 }
+.__YH01 svg {
+  color: #929292;
+}
 /*********************************
 For new colours, see _colors.scss.
 **********************************/
@@ -1156,6 +1153,7 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._20YOA:disabled {
   background-color: #f8f8f8;
+  color: #929292;
 }
 
 ._3kUSh {
@@ -1166,6 +1164,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
+  color: #929292;
 }
 
 ._QXJOD {
@@ -1311,7 +1310,7 @@ input:checked ~ ._1i2AX {
 input:disabled + ._1i2AX {
   background-color: #f8f8f8;
   border-color: #f8f8f8;
-  color: #c1c1c1;
+  color: #929292;
 }
 input:disabled:checked + ._1i2AX {
   background-color: #e16840;
@@ -1462,6 +1461,7 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._18Rzv:disabled {
   background-color: #f8f8f8;
+  color: #929292;
 }
 
 ._3eD7t {
@@ -1472,6 +1472,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
+  color: #929292;
 }
 
 ._-MgeO {
@@ -1547,6 +1548,7 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._1btTx:disabled, ._1Sc9D:disabled {
   background-color: #f8f8f8;
+  color: #929292;
 }
 
 ._2feYp, ._2SNat {
@@ -1557,6 +1559,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
+  color: #929292;
 }
 
 ._27J43, ._3eTNi {
@@ -2037,6 +2040,7 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._25rf7:disabled, ._3qVhi input:disabled, ._3qVhi:disabled {
   background-color: #f8f8f8;
+  color: #929292;
 }
 
 ._2M9Ud {
@@ -2047,6 +2051,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
+  color: #929292;
 }
 
 ._foqL0 {
@@ -2064,6 +2069,9 @@ Please ask a designer if you have questions about which colours to use.
 ._3df9R {
   border-color: #e76767 !important;
 }
+._2Nkht {
+  background-color: #f8f8f8;
+}
 ._3qVhi input {
   border: none;
   min-width: 20px;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export * from './icons';
 export * from './core';
 export * from './forms';
 export * from './feedback';
 export * from './actions';
 export * from './overlay';
 export * from './media';
+export * from './icons';