@mrshmllw/smores-react 2.4.1 → 2.4.2

package/dist/Dropdown/Dropdown.d.ts

@@ -27,8 +27,8 @@ export declare type DropdownProps = Props & TruncateProps;
 export declare const Dropdown: React.ForwardRefExoticComponent<(Pick<Props & {
     onSelect: (e: string) => void;
     onInputChange?: ((e: FormEvent<HTMLSelectElement>) => void) | undefined;
-}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange"> | Pick<Props & {
+}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange"> | Pick<Props & {
     onSelect?: ((e: string) => void) | undefined;
     onInputChange: (e: FormEvent<HTMLSelectElement>) => void;
-}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
+}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
 export {};

package/dist/Dropdown/Dropdown.js

@@ -109,7 +109,7 @@ const StyledSelect = styled.select `
     value != '' &&
     `
     border: 2px solid ${theme.colors.outline};
-`}}
+`}
 
   ${({ error, outlined }) => getErrorOutline(outlined, error)};
 `;

package/dist/Dropdown/Dropdown.stories.d.ts

@@ -4,10 +4,10 @@ declare const _default: {
     component: React.ForwardRefExoticComponent<(Pick<import("./Dropdown").Props & {
         onSelect: (e: string) => void;
         onInputChange?: ((e: React.FormEvent<HTMLSelectElement>) => void) | undefined;
-    }, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange"> | Pick<import("./Dropdown").Props & {
+    }, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange"> | Pick<import("./Dropdown").Props & {
         onSelect?: ((e: string) => void) | undefined;
         onInputChange: (e: React.FormEvent<HTMLSelectElement>) => void;
-    }, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
+    }, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
     argTypes: {
         onSelect: {
             action: string;

package/dist/Emoji/Emoji.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { MarginProps } from '../utils/space';
 export declare type EmojiProps = {
     /** className attribute to apply classes from props */
     className?: string;
@@ -8,10 +9,5 @@ export declare type EmojiProps = {
     size?: number;
     /** aria-label to identify Emoji */
     label: string;
-    /** margins TOP-RIGHT-BOTTOM-LEFT */
-    mt?: string;
-    mr?: string;
-    mb?: string;
-    ml?: string;
-};
+} & MarginProps;
 export declare const Emoji: FC<EmojiProps>;

package/dist/Emoji/Emoji.js

@@ -1,11 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import styled, { css } from 'styled-components';
-export const Emoji = ({ className = '', symbol, size = 12, label, mt = '0', mr = '0', mb = '0', ml = '0', }) => (React.createElement(Container, { className: className, size: size, mt: mt, mr: mr, mb: mb, ml: ml, role: "img", "aria-label": label }, symbol));
-const Container = styled.span(({ size, mt, mr, mb, ml }) => css `
+import { Box } from '../Box';
+export const Emoji = (_a) => {
+    var { className = '', symbol, size = 12, label } = _a, marginProps = __rest(_a, ["className", "symbol", "size", "label"]);
+    return (React.createElement(Container, Object.assign({ as: "span", className: className, size: size, role: "img", "aria-label": label }, marginProps), symbol));
+};
+const Container = styled(Box)(({ size }) => css `
     font-size: ${size}px;
-    margin-top: ${mt};
-    margin-right: ${mr};
-    margin-bottom: ${mb};
-    margin-left: ${ml};
   `);
 //# sourceMappingURL=Emoji.js.map

package/dist/Emoji/Emoji.js.map

@@ -1 +1 @@
-{"version":3,"file":"Emoji.js","sourceRoot":"","sources":["../../src/Emoji/Emoji.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAkB/C,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,EAAE,EACT,KAAK,EACL,EAAE,GAAG,GAAG,EACR,EAAE,GAAG,GAAG,EACR,EAAE,GAAG,GAAG,EACR,EAAE,GAAG,GAAG,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,gBACE,KAAK,IAEhB,MAAM,CACG,CACb,CAAA;AAUD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAC3B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;iBAClB,IAAI;kBACH,EAAE;oBACA,EAAE;qBACD,EAAE;mBACJ,EAAE;GAClB,CACF,CAAA"}
+{"version":3,"file":"Emoji.js","sourceRoot":"","sources":["../../src/Emoji/Emoji.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAa5B,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACpC,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,EAAE,EACT,KAAK,OAEN,EADI,WAAW,cALsB,wCAMrC,CADe;IACV,OAAA,CACJ,oBAAC,SAAS,kBACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,KAAK,gBACE,KAAK,IACb,WAAW,GAEd,MAAM,CACG,CACb,CAAA;CAAA,CAAA;AAMD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;iBACF,IAAI;GAClB,CACF,CAAA"}

package/dist/Field/Field.d.ts

@@ -8,5 +8,5 @@ interface FieldProps extends CommonFieldTypes {
     dropdownKey?: string;
     fullHeight?: boolean;
 }
-export declare const Field: ({ children, renderAsTitle, className, error, id, label, outlined, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight, }: FieldProps) => JSX.Element;
+export declare const Field: ({ children, renderAsTitle, className, error, id, label, outlined, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight, ...marginProps }: FieldProps) => JSX.Element;
 export {};

package/dist/Field/Field.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import styled from 'styled-components';
 import { darken } from 'polished';
@@ -5,8 +16,9 @@ import { Icon } from '../Icon';
 import { Text } from '../Text';
 import { Box } from '../Box';
 import { theme } from '../theme';
-export const Field = ({ children, renderAsTitle, className = '', error, id, label, outlined = false, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight = false, }) => {
-    return (React.createElement(Container, { className: className },
+export const Field = (_a) => {
+    var { children, renderAsTitle, className = '', error, id, label, outlined = false, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight = false } = _a, marginProps = __rest(_a, ["children", "renderAsTitle", "className", "error", "id", "label", "outlined", "value", "trailingIcon", "errorMsg", "dropdownKey", "required", "showCaret", "fullHeight"]);
+    return (React.createElement(Container, Object.assign({ className: className }, marginProps),
         label && (React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } }, renderAsTitle ? (React.createElement(Title, null, label)) : (React.createElement(Text, { tag: "label", color: "subtext", typo: "label", htmlFor: id },
             label,
             required && React.createElement(Asterisk, null, "*"))))),
@@ -27,7 +39,6 @@ const Content = styled.div `
   position: relative;
   border-color: ${({ error }) => theme.colors[`${error ? 'error' : 'outline'}`]};
   background-color: ${({ outlined }) => !outlined ? 'transparent' : theme.colors['white']};
-  display: flex;
   height: ${({ fullHeight }) => (fullHeight ? `100%` : `32px`)};
 
   &:hover,

package/dist/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"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"}

package/dist/Field/types/commonFieldTypes.d.ts

@@ -1,4 +1,5 @@
-export interface CommonFieldTypes {
+import { MarginProps } from '../../utils/space';
+export interface CommonFieldTypes extends MarginProps {
     label?: string;
     id?: string;
     error?: boolean;

package/dist/Fieldset/Fieldset.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { MarginProps } from '../utils/space';
 declare type FieldSetProps = {
-    children: React.ReactChildren;
+    children: React.ReactChild;
     label: string;
     outlined?: boolean;
-};
-export declare const Fieldset: ({ children, label, outlined, }: FieldSetProps) => JSX.Element;
+} & MarginProps;
+export declare const Fieldset: ({ children, label, outlined, ...marginProps }: FieldSetProps) => JSX.Element;
 export {};

package/dist/Fieldset/Fieldset.js

@@ -1,8 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../Box';
-export const Fieldset = ({ children, label, outlined = false, }) => {
-    return (React.createElement("fieldset", null,
+export const Fieldset = (_a) => {
+    var { children, label, outlined = false } = _a, marginProps = __rest(_a, ["children", "label", "outlined"]);
+    return (React.createElement(Box, Object.assign({ as: "fieldset" }, marginProps),
         React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } },
             React.createElement(Legend, null, label)),
         children));

package/dist/Fieldset/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAQ5B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,GACF,EAAE,EAAE;IAClB,OAAO,CACL;QACE,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACnC,oBAAC,MAAM,QAAE,KAAK,CAAU,CACpB;QAEL,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAI3B,CAAA"}
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAQ5B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,OAEF,EADX,WAAW,cAJS,iCAKxB,CADe;IAEd,OAAO,CACL,oBAAC,GAAG,kBAAC,EAAE,EAAC,UAAU,IAAK,WAAW;QAChC,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACnC,oBAAC,MAAM,QAAE,KAAK,CAAU,CACpB;QAEL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAI3B,CAAA"}

package/dist/Icon/Icon.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { MarginProps } from '../utils/space';
 import { Color } from '../theme';
 /**
  * When adding a new Icon please remember to also add it
@@ -17,10 +18,5 @@ export declare type IconProps = {
     color?: Color;
     /** rotation degrees */
     rotate?: number;
-    /** margins TOP-RIGHT-BOTTOM-LEFT */
-    mt?: string;
-    mr?: string;
-    mb?: string;
-    ml?: string;
-};
+} & MarginProps;
 export declare const Icon: FC<IconProps>;