@7shifts/sous-chef 3.1.0 → 3.1.1

package/dist/actions/Button/Button.d.ts

@@ -1,26 +1,25 @@
 import React from 'react';
-import type { ButtonTheme, ButtonSize, ButtonType, ButtonTarget } from './types';
-declare type Props = {
+import { PositionStyles } from '../../foundation/types';
+declare const _default: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
-    type?: ButtonType;
+    type?: "button" | "submit" | "reset" | undefined;
     /** It controls the button theme */
-    theme?: ButtonTheme;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler;
-    onKeyDown?: React.KeyboardEventHandler;
-    id?: string;
-    loading?: boolean;
+    theme?: "default" | "primary" | "danger" | "upsell" | "marketing" | "hollow" | "hollow-contrast" | "link-primary" | "link-danger" | "link-upsell" | "link-toolbar" | "link-contrast" | "link-icon" | undefined;
+    disabled?: boolean | undefined;
+    onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
+    id?: string | undefined;
+    loading?: boolean | undefined;
     /** This will show a black tooltip when the user hover the button */
-    title?: string;
-    href?: string;
-    target?: ButtonTarget;
-    testId?: string;
+    title?: string | undefined;
+    href?: string | undefined;
+    target?: "_blank" | "_self" | undefined;
+    testId?: string | undefined;
     /**
      * This prop controls how the button grows having the following options:<br/>
      * *full-width*: Will grow to fill the size of the container it is placed within.
      * *min-width-100*: It will have a `min-width: 100` style. It is used for CTA buttons in forms and modals.
      */
-    size?: ButtonSize;
-};
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    size?: "full-width" | "min-width-100" | undefined;
+} & PositionStyles & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default _default;

package/dist/foundation/types.d.ts

@@ -0,0 +1,22 @@
+export declare type PositionStyles = {
+    /** Shortcut for `margin`. */
+    m?: string | number;
+    /** Defines the margin around of the element. */
+    margin?: string | number;
+    /** Shortcut for `marginTop`. */
+    mt?: string | number;
+    /** Defines the margin on the top of the element. */
+    marginTop?: string | number;
+    /** Shortcut for `marginRight`. */
+    mr?: string | number;
+    /** Defines the margin on the right side of the element. */
+    marginRight?: string | number;
+    /** Shortcut for `marginBottom`. */
+    mb?: string | number;
+    /** Defines the margin on the bottom of the element. */
+    marginBottom?: string | number;
+    /** Shortcut for `marginLeft`. */
+    ml?: string | number;
+    /** Defines the margin on the left side of the element. */
+    marginLeft?: string | number;
+};

package/dist/hooks/usePositionStyles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PositionStyles } from '../foundation/types';
+declare type CSSPositionStyles = Pick<React.CSSProperties, 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;
+export declare const usePositionStyles: ({ m, margin, marginTop, mt, marginRight, mr, marginBottom, mb, marginLeft, ml }: PositionStyles) => CSSPositionStyles;
+export {};