@mrshmllw/smores-react 2.3.4 → 2.4.2

package/dist/utils/space.d.ts

@@ -1,19 +1,25 @@
-declare type SpaceFN = (arg: SpaceProps) => string;
-export interface SpaceProps {
-    m?: string;
-    mx?: string;
-    my?: string;
-    ml?: string;
-    mr?: string;
-    mt?: string;
-    mb?: string;
-    p?: string;
-    px?: string;
-    py?: string;
-    pl?: string;
-    pr?: string;
-    pt?: string;
-    pb?: string;
+declare type Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px';
+declare type SpacingProp = Spacing | {
+    custom: number | string;
+};
+export interface MarginProps {
+    m?: SpacingProp;
+    mx?: SpacingProp;
+    my?: SpacingProp;
+    ml?: SpacingProp;
+    mr?: SpacingProp;
+    mt?: SpacingProp;
+    mb?: SpacingProp;
 }
-export declare const space: SpaceFN;
+export interface PaddingProps {
+    p?: SpacingProp;
+    px?: SpacingProp;
+    py?: SpacingProp;
+    pl?: SpacingProp;
+    pr?: SpacingProp;
+    pt?: SpacingProp;
+    pb?: SpacingProp;
+}
+export declare const margin: (props: MarginProps) => string;
+export declare const padding: (props: PaddingProps) => string;
 export {};

package/dist/utils/space.js

@@ -1,40 +1,54 @@
-export const space = (props) => {
-    const { m, mx, my, ml, mr, mt, mb, p, px, py, pl, pr, pt, pb } = props;
+const resolveSpacing = (value) => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value.custom === 'string') {
+        return value.custom;
+    }
+    return `${value.custom}px`;
+};
+export const margin = (props) => {
+    const { m, mx, my, ml, mr, mt, mb } = props;
     return `
-    ${m ? `margin: ${m};` : ''}
+    ${m ? `margin: ${resolveSpacing(m)};` : ''}
     ${mx
         ? `
-      margin-left: ${mx};
-      margin-right: ${mx};
+      margin-left: ${resolveSpacing(mx)};
+      margin-right: ${resolveSpacing(mx)};
     `
         : ''}
     ${my
         ? `
-      margin-top: ${my};
-      margin-bottom: ${my};
+      margin-top: ${resolveSpacing(my)};
+      margin-bottom: ${resolveSpacing(my)};
     `
         : ''}
-    ${ml ? `margin-left: ${ml};` : ''}
-    ${mr ? `margin-right: ${mr};` : ''}
-    ${mt ? `margin-top: ${mt};` : ''}
-    ${mb ? `margin-bottom: ${mb};` : ''}
-    ${p ? `padding: ${p};` : ''}
+    ${ml ? `margin-left: ${resolveSpacing(ml)};` : ''}
+    ${mr ? `margin-right: ${resolveSpacing(mr)};` : ''}
+    ${mt ? `margin-top: ${resolveSpacing(mt)};` : ''}
+    ${mb ? `margin-bottom: ${resolveSpacing(mb)};` : ''}
+  `;
+};
+export const padding = (props) => {
+    const { p, px, py, pl, pr, pt, pb } = props;
+    return `
+    ${p ? `padding: ${resolveSpacing(p)};` : ''}
     ${px
         ? `
-      padding-left: ${px};
-      padding-right: ${px};
+      padding-left: ${resolveSpacing(px)};
+      padding-right: ${resolveSpacing(px)};
     `
         : ''}
     ${py
         ? `
-      padding-top: ${py};
-      padding-bottom: ${py};
+      padding-top: ${resolveSpacing(py)};
+      padding-bottom: ${resolveSpacing(py)};
     `
         : ''}
-    ${pl ? `padding-left: ${pl};` : ''}
-    ${pr ? `padding-right: ${pr};` : ''}
-    ${pt ? `padding-top: ${pt};` : ''}
-    ${pb ? `padding-bottom: ${pb};` : ''}
+    ${pl ? `padding-left: ${resolveSpacing(pl)};` : ''}
+    ${pr ? `padding-right: ${resolveSpacing(pr)};` : ''}
+    ${pt ? `padding-top: ${resolveSpacing(pt)};` : ''}
+    ${pb ? `padding-bottom: ${resolveSpacing(pb)};` : ''}
   `;
 };
 //# sourceMappingURL=space.js.map

package/dist/utils/space.js.map

@@ -1 +1 @@
-{"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,MAAM,KAAK,GAAY,CAAC,KAAiB,EAAE,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAEtE,OAAO;MACH,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAExB,EAAE;QACA,CAAC,CAAC;qBACW,EAAE;sBACD,EAAE;KACnB;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;oBACU,EAAE;uBACC,EAAE;KACpB;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/B,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAChC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAC9B,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAEzB,EAAE;QACA,CAAC,CAAC;sBACY,EAAE;uBACD,EAAE;KACpB;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;qBACW,EAAE;wBACC,EAAE;KACrB;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAChC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/B,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;GACrC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"AAIA,MAAM,cAAc,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK,CAAA;KACb;IAED,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,EAAE;QACpC,OAAO,KAAK,CAAC,MAAM,CAAA;KACpB;IAED,OAAO,GAAG,KAAK,CAAC,MAAM,IAAI,CAAA;AAC5B,CAAC,CAAA;AAsBD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAU,EAAE;IACnD,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE3C,OAAO;MACH,CAAC,CAAC,CAAC,CAAC,WAAW,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAExC,EAAE;QACA,CAAC,CAAC;qBACW,cAAc,CAAC,EAAE,CAAC;sBACjB,cAAc,CAAC,EAAE,CAAC;KACnC;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;oBACU,cAAc,CAAC,EAAE,CAAC;uBACf,cAAc,CAAC,EAAE,CAAC;KACpC;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,gBAAgB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/C,EAAE,CAAC,CAAC,CAAC,iBAAiB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAChD,EAAE,CAAC,CAAC,CAAC,eAAe,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAC9C,EAAE,CAAC,CAAC,CAAC,kBAAkB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;GACpD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAU,EAAE;IACrD,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE3C,OAAO;MACH,CAAC,CAAC,CAAC,CAAC,YAAY,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAEzC,EAAE;QACA,CAAC,CAAC;sBACY,cAAc,CAAC,EAAE,CAAC;uBACjB,cAAc,CAAC,EAAE,CAAC;KACpC;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;qBACW,cAAc,CAAC,EAAE,CAAC;wBACf,cAAc,CAAC,EAAE,CAAC;KACrC;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,iBAAiB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAChD,EAAE,CAAC,CAAC,CAAC,kBAAkB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MACjD,EAAE,CAAC,CAAC,CAAC,gBAAgB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/C,EAAE,CAAC,CAAC,CAAC,mBAAmB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;GACrD,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "2.3.4",
+  "version": "2.4.2",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [