@react-pakistan/util-functions 1.25.90 → 2.0.0

package/storybook/responsive-component.js

@@ -1,23 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.responsiveComponent = void 0;
-var theme_1 = require("./theme");
-var responsiveComponent = function (_a) {
-    var $desktop = _a.$desktop, $laptop = _a.$laptop, $laptopL = _a.$laptopL, $mobileL = _a.$mobileL, $mobileM = _a.$mobileM, $mobileS = _a.$mobileS, $tablet = _a.$tablet;
-    var mobileSToReturn = $mobileS &&
-        "\n    @media ".concat(theme_1.theme.breakpoints.mobileS, " {\n      ").concat($mobileS, "\n    }\n  ");
-    var mobileMToReturn = $mobileM &&
-        "\n    @media ".concat(theme_1.theme.breakpoints.mobileM, " {\n      ").concat($mobileM, "\n    }\n  ");
-    var mobileLToReturn = $mobileL &&
-        "\n    @media ".concat(theme_1.theme.breakpoints.mobileL, " {\n      ").concat($mobileL, "\n    }\n  ");
-    var tabletToReturn = $tablet &&
-        "\n    @media ".concat(theme_1.theme.breakpoints.tablet, " {\n      ").concat($tablet, "\n    }\n  ");
-    var laptopToReturn = $laptop &&
-        "\n    @media ".concat(theme_1.theme.breakpoints.laptop, " {\n      ").concat($laptop, "\n    }\n  ");
-    var laptopLToReturn = $laptopL &&
-        "\n    @media ".concat(theme_1.theme.breakpoints.laptopL, " {\n      ").concat($laptopL, "\n    }\n  ");
-    var desktopToReturn = $desktop &&
-        "\n    @media ".concat(theme_1.theme.breakpoints.desktop, " {\n      ").concat($desktop, "\n    }\n  ");
-    return "\n    ".concat(mobileSToReturn, "\n    ").concat(mobileMToReturn, "\n    ").concat(mobileLToReturn, "\n    ").concat(tabletToReturn, "\n    ").concat(laptopToReturn, "\n    ").concat(laptopLToReturn, "\n    ").concat(desktopToReturn, "\n  ");
-};
-exports.responsiveComponent = responsiveComponent;
+var r=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var i in t)r(e,i,{get:t[i],enumerable:!0})},L=(e,t,i,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of g(t))!u.call(e,o)&&o!==i&&r(e,o,{get:()=>t[o],enumerable:!(s=R(t,o))||s.enumerable});return e};var v=e=>L(r({},"__esModule",{value:!0}),e);var x={};T(x,{responsiveComponent:()=>f});module.exports=v(x);var n=require("./theme");const f=({$desktop:e,$laptop:t,$laptopL:i,$mobileL:s,$mobileM:o,$mobileS:p,$tablet:a})=>{const $=p&&`
+    @media ${n.theme.breakpoints.mobileS} {
+      ${p}
+    }
+  `,m=o&&`
+    @media ${n.theme.breakpoints.mobileM} {
+      ${o}
+    }
+  `,b=s&&`
+    @media ${n.theme.breakpoints.mobileL} {
+      ${s}
+    }
+  `,l=a&&`
+    @media ${n.theme.breakpoints.tablet} {
+      ${a}
+    }
+  `,c=t&&`
+    @media ${n.theme.breakpoints.laptop} {
+      ${t}
+    }
+  `,d=i&&`
+    @media ${n.theme.breakpoints.laptopL} {
+      ${i}
+    }
+  `,k=e&&`
+    @media ${n.theme.breakpoints.desktop} {
+      ${e}
+    }
+  `;return`
+    ${$}
+    ${m}
+    ${b}
+    ${l}
+    ${c}
+    ${d}
+    ${k}
+  `};0&&(module.exports={responsiveComponent});

package/storybook/responsive-screens.d.ts

@@ -1,4 +1,4 @@
-export declare const responsiveScreens: {
+declare const responsiveScreens: {
     mobileSMin: {
         name: string;
         styles: {
@@ -104,3 +104,5 @@ export declare const responsiveScreens: {
         type: string;
     };
 };
+
+export { responsiveScreens };

package/storybook/responsive-screens.js

@@ -1,109 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.responsiveScreens = void 0;
-exports.responsiveScreens = {
-    mobileSMin: {
-        name: 'MobileSMin',
-        styles: {
-            height: '1024px',
-            width: '320px',
-        },
-        type: 'mobile',
-    },
-    mobileSMax: {
-        name: 'MobileSMax',
-        styles: {
-            height: '1024px',
-            width: '374px',
-        },
-        type: 'mobile',
-    },
-    mobileMMin: {
-        name: 'MobileMMin',
-        styles: {
-            height: '1024px',
-            width: '375px',
-        },
-        type: 'mobile',
-    },
-    mobileMMax: {
-        name: 'MobileMMax',
-        styles: {
-            height: '1024px',
-            width: '424px',
-        },
-        type: 'mobile',
-    },
-    mobileLMin: {
-        name: 'MobileLMin',
-        styles: {
-            height: '1024px',
-            width: '425px',
-        },
-        type: 'mobile',
-    },
-    mobileLMax: {
-        name: 'MobileLMax',
-        styles: {
-            height: '1024px',
-            width: '767px',
-        },
-        type: 'mobile',
-    },
-    tabletMin: {
-        name: 'TabletMin',
-        styles: {
-            height: '100%',
-            width: '768px',
-        },
-        type: 'mobile',
-    },
-    tabletMax: {
-        name: 'TabletMax',
-        styles: {
-            height: '100%',
-            width: '1023px',
-        },
-        type: 'mobile',
-    },
-    laptopMin: {
-        name: 'LaptopMin',
-        styles: {
-            height: '100%',
-            width: '1024',
-        },
-        type: 'mobile',
-    },
-    laptopMax: {
-        name: 'LaptopMax',
-        styles: {
-            height: '100%',
-            width: '1439px',
-        },
-        type: 'mobile',
-    },
-    laptopLMin: {
-        name: 'LaptopLMin',
-        styles: {
-            height: '100%',
-            width: '1440px',
-        },
-        type: 'mobile',
-    },
-    laptopLMax: {
-        name: 'LaptopLMax',
-        styles: {
-            height: '100%',
-            width: '2559px',
-        },
-        type: 'mobile',
-    },
-    desktop: {
-        name: 'Desktop',
-        styles: {
-            height: '100%',
-            width: '2560px',
-        },
-        type: 'mobile',
-    },
-};
+var l=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var p in e)l(t,p,{get:e[p],enumerable:!0})},s=(t,e,p,h)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of a(e))!M.call(t,i)&&i!==p&&l(t,i,{get:()=>e[i],enumerable:!(h=o(e,i))||h.enumerable});return t};var x=t=>s(l({},"__esModule",{value:!0}),t);var n={};m(n,{responsiveScreens:()=>b});module.exports=x(n);const b={mobileSMin:{name:"MobileSMin",styles:{height:"1024px",width:"320px"},type:"mobile"},mobileSMax:{name:"MobileSMax",styles:{height:"1024px",width:"374px"},type:"mobile"},mobileMMin:{name:"MobileMMin",styles:{height:"1024px",width:"375px"},type:"mobile"},mobileMMax:{name:"MobileMMax",styles:{height:"1024px",width:"424px"},type:"mobile"},mobileLMin:{name:"MobileLMin",styles:{height:"1024px",width:"425px"},type:"mobile"},mobileLMax:{name:"MobileLMax",styles:{height:"1024px",width:"767px"},type:"mobile"},tabletMin:{name:"TabletMin",styles:{height:"100%",width:"768px"},type:"mobile"},tabletMax:{name:"TabletMax",styles:{height:"100%",width:"1023px"},type:"mobile"},laptopMin:{name:"LaptopMin",styles:{height:"100%",width:"1024"},type:"mobile"},laptopMax:{name:"LaptopMax",styles:{height:"100%",width:"1439px"},type:"mobile"},laptopLMin:{name:"LaptopLMin",styles:{height:"100%",width:"1440px"},type:"mobile"},laptopLMax:{name:"LaptopLMax",styles:{height:"100%",width:"2559px"},type:"mobile"},desktop:{name:"Desktop",styles:{height:"100%",width:"2560px"},type:"mobile"}};0&&(module.exports={responsiveScreens});

package/storybook/theme.d.ts

@@ -1,7 +1,7 @@
-export interface IAvatarSizes {
+interface IAvatarSizes {
     [key: string]: string;
 }
-export interface IBreakpoints {
+interface IBreakpoints {
     mobileS: string;
     mobileM: string;
     mobileL: string;
@@ -11,19 +11,19 @@ export interface IBreakpoints {
     desktop: string;
     [key: string]: string;
 }
-export interface IColors {
+interface IColors {
     [key: string]: string;
 }
-export interface IMisc {
+interface IMisc {
     [key: string]: string | number | boolean;
 }
-export interface ILight {
+interface ILight {
     [key: string]: string;
 }
-export interface IDark {
+interface IDark {
     [key: string]: string;
 }
-export interface IHeadingStyle {
+interface IHeadingStyle {
     fontFamily: string;
     fontSize: string;
     fontWeight: number;
@@ -33,22 +33,22 @@ export interface IHeadingStyle {
     textTransform: string;
     [key: string]: string | number;
 }
-export interface IRadius {
+interface IRadius {
     default: string;
     double: string;
     half: string;
     full: string;
     [key: string]: string;
 }
-export interface IElevation {
+interface IElevation {
     filter: string;
 }
-export interface IShadow {
+interface IShadow {
     default: string;
     medium: string;
     [key: string]: string | IElevation;
 }
-export interface ISpacing {
+interface ISpacing {
     xsmall: string;
     small: string;
     medium: string;
@@ -58,7 +58,7 @@ export interface ISpacing {
     huge: string;
     [key: string]: string;
 }
-export interface ITypography {
+interface ITypography {
     fontFamily: string;
     h1: IHeadingStyle;
     h2: IHeadingStyle;
@@ -74,13 +74,13 @@ export interface ITypography {
     p6: IHeadingStyle;
     [key: string]: string | IHeadingStyle;
 }
-export interface IZindex {
+interface IZindex {
     dropdown: number;
     pageFooter: number;
     modal: number;
     [key: string]: string | number;
 }
-export interface ITheme {
+interface ITheme {
     avatarSizes: IAvatarSizes;
     breakpoints: IBreakpoints;
     colors: IColors;
@@ -91,4 +91,6 @@ export interface ITheme {
     typography: ITypography;
     zIndex: IZindex;
 }
-export declare const theme: ITheme;
+declare const theme: ITheme;
+
+export { type IAvatarSizes, type IBreakpoints, type IColors, type IDark, type IElevation, type IHeadingStyle, type ILight, type IMisc, type IRadius, type IShadow, type ISpacing, type ITheme, type ITypography, type IZindex, theme };