@react-pakistan/util-functions 2.0.0 → 3.0.0

package/storybook/react-emoji-collection.d.ts

@@ -1,13 +0,0 @@
-/**
- * A util function to read svg emoji directory and its content
- * and constructs an emoji story for all of it's subdirectories
- *
- * @param fs any
- * @returns an auto generated emoji story file
- * @author Taimoor Khan
- * @remarks React Emoji Collection
- */
-/** End file docs */
-declare const generateReactEmojis: (fs: any) => void;
-
-export { generateReactEmojis };

package/storybook/react-emoji-collection.js

@@ -1,11 +0,0 @@
-var $=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var m=(t,r)=>{for(var i in r)$(t,i,{get:r[i],enumerable:!0})},u=(t,r,i,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of D(r))!E.call(t,s)&&s!==i&&$(t,s,{get:()=>r[s],enumerable:!(o=j(r,s))||o.enumerable});return t};var _=t=>u($({},"__esModule",{value:!0}),t);var C={};m(C,{generateReactEmojis:()=>x});module.exports=_(C);var p=require("./react-emoji-story-template");const x=t=>{const r="./assets/",i="./src/__stories__/";t.readdirSync(r).forEach(o=>{let s="",c="";if(o===".DS_Store")return;const S=`${r}${o}`;t.readdirSync(S).forEach(e=>{if(e===".DS_Store")return;c=e;const a=`${r}${o}/${e}`;s=`/**
- * Generated by scripts/generate-emojis.js.
- * DO NOT EDIT!
- */
-
-import * as Emojis from '../../${o}/${e}';
-
-export const EMOJI_LIST = [
-`,t.readdirSync(a).forEach(n=>{n!==".DS_Store"&&(s+=`  { emoji: Emojis.${n.split(".")[0]}, name: '${n.split(".")[0]}' },
-`)}),s+=`];
-  `,t.existsSync(`${i}${o}`)||t.mkdirSync(`${i}${o}`);const y=o.split("-").map(n=>n[0].toUpperCase()+n.slice(1)).join(""),d=c.split("-").map(n=>n[0].toUpperCase()+n.slice(1)).join(""),g=(0,p.reactEmojiStoryTemplate)(y,d,c);t.writeFileSync(`${i}${o}/${c}.ts`,s),t.writeFileSync(`${i}${o}/${c}.story.tsx`,g)})})};0&&(module.exports={generateReactEmojis});

package/storybook/react-emoji-story-script.d.ts

@@ -1,12 +0,0 @@
-/**
- * A util function to print React Story for Icons
- *
- * @param fs any
- * @returns an auto generated emoji story file
- * @author Taimoor Khan
- * @remarks React Emoji Collection
- */
-/** End file docs */
-declare const generateReactEmojiScript: (fs: any) => void;
-
-export { generateReactEmojiScript };

package/storybook/react-emoji-story-script.js

@@ -1,5 +0,0 @@
-var n=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var v=(s,t)=>{for(var i in t)n(s,i,{get:t[i],enumerable:!0})},S=(s,t,i,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of a(t))!g.call(s,r)&&r!==i&&n(s,r,{get:()=>t[r],enumerable:!(c=o(t,r))||c.enumerable});return s};var D=s=>S(n({},"__esModule",{value:!0}),s);var y={};v(y,{generateReactEmojiScript:()=>$});module.exports=D(y);const $=s=>{const t="./assets/",i="./scripts/";let c=`# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;s.readdirSync(t).forEach(r=>{if(r===".DS_Store")return;const p=`${t}${r}`;s.readdirSync(p).forEach(e=>{e!==".DS_Store"&&(c+=`svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-color.js -d src/${r}/${e} --ext tsx assets/${r}/${e}
-`)})}),s.writeFileSync(`${i}all-scripts.sh`,c)};0&&(module.exports={generateReactEmojiScript});

package/storybook/react-emoji-story-template.d.ts

@@ -1,14 +0,0 @@
-/**
- * A util function to print React Story for Icons
- *
- * @param mainCategory string
- * @param subCategory string
- * @param iconListDirName string
- * @returns an auto generated icon story file
- * @author Taimoor Khan
- * @remarks React Emoji Collection
- */
-/** End file docs */
-declare const reactEmojiStoryTemplate: (mainCategory: string, subCategory: string, emojiListDirName: string) => string;
-
-export { reactEmojiStoryTemplate };

package/storybook/react-emoji-story-template.js

@@ -1,46 +0,0 @@
-var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var j=(t,e)=>{for(var m in e)o(t,m,{get:e[m],enumerable:!0})},s=(t,e,m,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of n(e))!a.call(t,r)&&r!==m&&o(t,r,{get:()=>e[r],enumerable:!(i=p(e,r))||i.enumerable});return t};var E=t=>s(o({},"__esModule",{value:!0}),t);var l={};j(l,{reactEmojiStoryTemplate:()=>c});module.exports=E(l);const c=(t,e,m)=>`/*
- * Generated by scripts/generate-emojis.js
- * DO NOT EDIT!
- */
-
-import React, { ReactElement } from 'react';
-import { EmojiWrapper, EmojiTextWrapper, EmojiItem } from '../../styled';
-import { StyledStory } from '../../styled-app';
-import { EMOJI_LIST } from './${m}';
-
-const emojiStyle = { width: '7rem', height: '7rem' };
-
-const renderItem = (
-  item: { emoji: React.FC<React.SVGProps<SVGSVGElement>>, name: string }
-): ReactElement => {
-  const Emoji = item.emoji;
-  return (
-    <EmojiItem
-      key={item.name}
-    >
-      <Emoji style={emojiStyle} />
-      <EmojiTextWrapper>
-        {item.name}
-      </EmojiTextWrapper>
-    </EmojiItem>
-  );
-};
-
-const emojis = EMOJI_LIST.map(renderItem);
-
-export const ${e} = (): ReactElement => (
-  <StyledStory>
-    <EmojiWrapper>
-      {emojis}
-    </EmojiWrapper>
-  </StyledStory>
-);
-
-export default {
-  title: '${t}/${e}',
-
-  parameters: {
-    component: ${e},
-  },
-};
-`;0&&(module.exports={reactEmojiStoryTemplate});

package/storybook/react-icon-collection.d.ts

@@ -1,13 +0,0 @@
-/**
- * A util function to read svg icon directory and its content
- * and constructs an icon story for all of it's subdirectories
- *
- * @param fs any
- * @returns an auto generated icon story file
- * @author Taimoor Khan
- * @remarks React Icon Collection
- */
-/** End file docs */
-declare const generateReactIcons: (fs: any) => void;
-
-export { generateReactIcons };

package/storybook/react-icon-collection.js

@@ -1,11 +0,0 @@
-var i=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var D=(t,r)=>{for(var s in r)i(t,s,{get:r[s],enumerable:!0})},I=(t,r,s,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of d(r))!g.call(t,o)&&o!==s&&i(t,o,{get:()=>r[o],enumerable:!(n=$(r,o))||n.enumerable});return t};var _=t=>I(i({},"__esModule",{value:!0}),t);var v={};D(v,{generateReactIcons:()=>l});module.exports=_(v);var a=require("./react-icon-story-template");const l=t=>{const r="./assets/",s="./src/__stories__/";let n="",o="";t.readdirSync(r).forEach(c=>{if(c===".DS_Store")return;const p=`${r}${c}`;n=`/**
- * Generated by scripts/generate-icons.js
- * DO NOT EDIT!
- */
-
-import * as Icons from '../${c}';
-
-export const ICON_LIST = [
-`,t.readdirSync(p).forEach(e=>{e!==".DS_Store"&&(o=e,n+=`  { icon: Icons.${o.split(".")[0]}, name: '${o.split(".")[0]}' },
-`)}),n+=`];
-`;const y=c.split("-").map(e=>e[0].toUpperCase()+e.slice(1)).join(""),S=(0,a.reactIconStoryTemplate)(y,c);t.writeFileSync(`${s}/${c}.ts`,n),t.writeFileSync(`${s}/${c}.story.tsx`,S)})};0&&(module.exports={generateReactIcons});

package/storybook/react-icon-story-script.d.ts

@@ -1,12 +0,0 @@
-/**
- * A util function to print React Story for Icons
- *
- * @param fs any
- * @returns an auto generated icon story file
- * @author Taimoor Khan
- * @remarks React Icon Collection
- */
-/** End file docs */
-declare const generateReactIconScript: (fs: any) => void;
-
-export { generateReactIconScript };

package/storybook/react-icon-story-script.js

@@ -1,5 +0,0 @@
-var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(t,s)=>{for(var c in s)i(t,c,{get:s[c],enumerable:!0})},v=(t,s,c,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of o(s))!g.call(t,r)&&r!==c&&i(t,r,{get:()=>s[r],enumerable:!(e=a(s,r))||e.enumerable});return t};var y=t=>v(i({},"__esModule",{value:!0}),t);var S={};l(S,{generateReactIconScript:()=>D});module.exports=y(S);const D=t=>{const s="./assets/",c="./scripts/";let e=`# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;t.readdirSync(s).forEach(r=>{if(r===".DS_Store")return;const n=r.split("-"),p=n[n.length-1];e+=`svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-${p}.js -d src/${r} --ext tsx assets/${r}
-`}),t.writeFileSync(`${c}all-scripts.sh`,e)};0&&(module.exports={generateReactIconScript});

package/storybook/react-icon-story-template.d.ts

@@ -1,13 +0,0 @@
-/**
- * A util function to print React Story for Icons
- *
- * @param category string
- * @param iconListDirName string
- * @returns an auto generated icon story file
- * @author Taimoor Khan
- * @remarks React Icon Collection
- */
-/** End file docs */
-declare const reactIconStoryTemplate: (category: string, iconListDirName: string) => string;
-
-export { reactIconStoryTemplate };

package/storybook/react-icon-story-template.js

@@ -1,46 +0,0 @@
-var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var i=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})},I=(e,t,n,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of p(t))!a.call(e,r)&&r!==n&&o(e,r,{get:()=>t[r],enumerable:!(c=m(t,r))||c.enumerable});return e};var s=e=>I(o({},"__esModule",{value:!0}),e);var S={};i(S,{reactIconStoryTemplate:()=>l});module.exports=s(S);const l=(e,t)=>`/*
- * Generated by scripts/generate-icons.js
- * DO NOT EDIT!
- */
-
-import React, { ReactElement } from 'react';
-import { IconWrapper, IconTextWrapper, IconItem } from '../styled';
-import { StyledStory } from '../styled-app';
-import { ICON_LIST } from './${t}';
-
-const iconStyle = { width: '7rem', height: '7rem' };
-
-const renderItem = (
-  item: { icon: React.FC<React.SVGProps<SVGSVGElement>>, name: string }
-): ReactElement => {
-  const Icon = item.icon;
-  return (
-    <IconItem
-      key={item.name}
-    >
-      <Icon style={iconStyle} />
-      <IconTextWrapper>
-        {item.name}
-      </IconTextWrapper>
-    </IconItem>
-  );
-};
-
-const icons = ICON_LIST.map(renderItem);
-
-export const ${e} = (): ReactElement => (
-  <StyledStory>
-    <IconWrapper>
-      {icons}
-    </IconWrapper>
-  </StyledStory>
-);
-
-export default {
-  title: 'Icon/${e}',
-
-  parameters: {
-    component: ${e},
-  },
-};
-`;0&&(module.exports={reactIconStoryTemplate});

package/storybook/react-logo-collection.d.ts

@@ -1,13 +0,0 @@
-/**
- * A util function to read svg logo directory and its content
- * and constructs logo stories for all of it's subdirectories
- *
- * @param fs any
- * @returns an auto generated icon story file
- * @author Taimoor Khan
- * @remarks React Logo Collection
- */
-/** End file docs */
-declare const generateReactLogos: (fs: any) => void;
-
-export { generateReactLogos };

package/storybook/react-logo-collection.js

@@ -1,11 +0,0 @@
-var c=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var d=(t,o)=>{for(var s in o)c(t,s,{get:o[s],enumerable:!0})},D=(t,o,s,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of l(o))!$.call(t,r)&&r!==s&&c(t,r,{get:()=>o[r],enumerable:!(e=S(o,r))||e.enumerable});return t};var L=t=>D(c({},"__esModule",{value:!0}),t);var v={};d(v,{generateReactLogos:()=>_});module.exports=L(v);var g=require("./react-logo-story-template");const _=t=>{const o="./assets/",s="./src/__stories__/";let e="",r="";t.readdirSync(o).forEach(n=>{if(n===".DS_Store")return;const a=`${o}${n}`;e=`/**
- * Generated by scripts/generate-logos.js
- * DO NOT EDIT!
- */
-
-import * as Logos from '../${n}';
-
-export const LOGO_LIST = [
-`,t.readdirSync(a).forEach(i=>{i!==".DS_Store"&&(r=i,e+=`  { logo: Logos.${r.split(".")[0]}, name: '${r.split(".")[0]}' },
-`)}),e+=`];
-`;const p=n.split("-").map(i=>i[0].toUpperCase()+i.slice(1)).join(""),y=(0,g.reactLogoStoryTemplate)(p,n);t.writeFileSync(`${s}/${n}.ts`,e),t.writeFileSync(`${s}/${n}.story.tsx`,y)})};0&&(module.exports={generateReactLogos});

package/storybook/react-logo-story-script.d.ts

@@ -1,12 +0,0 @@
-/**
- * A util function to print React Story for Logos
- *
- * @param fs any
- * @returns an auto generated logo story file
- * @author Taimoor Khan
- * @remarks React Logo Collection
- */
-/** End file docs */
-declare const generateReactLogoScript: (fs: any) => void;
-
-export { generateReactLogoScript };

package/storybook/react-logo-story-script.js

@@ -1,5 +0,0 @@
-var i=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(t,s)=>{for(var e in s)i(t,e,{get:s[e],enumerable:!0})},v=(t,s,e,c)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of a(s))!g.call(t,r)&&r!==e&&i(t,r,{get:()=>s[r],enumerable:!(c=o(s,r))||c.enumerable});return t};var y=t=>v(i({},"__esModule",{value:!0}),t);var S={};l(S,{generateReactLogoScript:()=>D});module.exports=y(S);const D=t=>{const s="./assets/",e="./scripts/";let c=`# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;t.readdirSync(s).forEach(r=>{if(r===".DS_Store")return;const n=r.split("-"),p=n[n.length-1];c+=`svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-${p}.js -d src/${r} --ext tsx assets/${r}
-`}),t.writeFileSync(`${e}all-scripts.sh`,c)};0&&(module.exports={generateReactLogoScript});

package/storybook/react-logo-story-template.d.ts

@@ -1,13 +0,0 @@
-/**
- * A util function to print React Story for Logos
- *
- * @param category string
- * @param logoListDirName string
- * @returns an auto generated icon story file
- * @author Taimoor Khan
- * @remarks React Logo Collection
- */
-/** End file docs */
-declare const reactLogoStoryTemplate: (category: string, logoListDirName: string) => string;
-
-export { reactLogoStoryTemplate };

package/storybook/react-logo-story-template.js

@@ -1,46 +0,0 @@
-var m=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var a=(o,e)=>{for(var r in e)m(o,r,{get:e[r],enumerable:!0})},l=(o,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of n(e))!s.call(o,t)&&t!==r&&m(o,t,{get:()=>e[t],enumerable:!(p=g(e,t))||p.enumerable});return o};var L=o=>l(m({},"__esModule",{value:!0}),o);var c={};a(c,{reactLogoStoryTemplate:()=>i});module.exports=L(c);const i=(o,e)=>`/*
- * Generated by scripts/generate-logos.js
- * DO NOT EDIT!
- */
-
-import React, { FC, ReactElement } from 'react';
-import { LogoWrapper, LogoTextWrapper, LogoItem, ILogoProps } from '../styled';
-import { StyledStory } from '../styled-app';
-import { LOGO_LIST } from './${e}';
-
-const logoStyle = { width: '7rem', height: '7rem' };
-
-const renderItem = (
-  item: { logo: FC<ILogoProps>, name: string }
-): ReactElement => {
-  const Logo = item.logo;
-  return (
-    <LogoItem
-      key={item.name}
-    >
-      <Logo style={logoStyle} />
-      <LogoTextWrapper>
-        {item.name}
-      </LogoTextWrapper>
-    </LogoItem>
-  );
-};
-
-const logos = LOGO_LIST.map(renderItem);
-
-export const ${o} = (): ReactElement => (
-  <StyledStory>
-    <LogoWrapper>
-      {logos}
-    </LogoWrapper>
-  </StyledStory>
-);
-
-export default {
-  title: 'Logo/${o}',
-
-  parameters: {
-    component: ${o},
-  },
-};
-`;0&&(module.exports={reactLogoStoryTemplate});

package/storybook/react-pakistan-theme.d.ts

@@ -1,25 +0,0 @@
-declare const reactPakistanTheme: {
-    base: string;
-    colorPrimary: string;
-    colorSecondary: string;
-    appBg: string;
-    appContentBg: string;
-    appBorderColor: string;
-    appBorderRadius: number;
-    fontBase: string;
-    fontCode: string;
-    textColor: string;
-    textInverseColor: string;
-    barTextColor: string;
-    barSelectedColor: string;
-    barBg: string;
-    inputBg: string;
-    inputBorder: string;
-    inputTextColor: string;
-    inputBorderRadius: number;
-    brandTitle: string;
-    brandUrl: string;
-    brandImage: string;
-};
-
-export { reactPakistanTheme };

package/storybook/react-pakistan-theme.js

@@ -1 +0,0 @@
-var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var s=(e,o)=>{for(var t in o)a(e,t,{get:o[t],enumerable:!0})},c=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of l(o))!p.call(e,r)&&r!==t&&a(e,r,{get:()=>o[r],enumerable:!(n=i(o,r))||n.enumerable});return e};var d=e=>c(a({},"__esModule",{value:!0}),e);var m={};s(m,{reactPakistanTheme:()=>b});module.exports=d(m);const b={base:"light",colorPrimary:"hotpink",colorSecondary:"deepskyblue",appBg:"white",appContentBg:"silver",appBorderColor:"grey",appBorderRadius:4,fontBase:'"Open Sans", sans-serif',fontCode:"monospace",textColor:"black",textInverseColor:"rgba(255,255,255,0.9)",barTextColor:"silver",barSelectedColor:"black",barBg:"hotpink",inputBg:"white",inputBorder:"silver",inputTextColor:"black",inputBorderRadius:4,brandTitle:"React Commons Collection",brandUrl:"https://github.com/Taimoormk/react-commons-collection",brandImage:"https://res.cloudinary.com/dq6hflqwx/image/upload/v1565548545/GitHub/React_Pakistan_Storybook_Logo.jpg"};0&&(module.exports={reactPakistanTheme});

package/storybook/responsive-args.d.ts

@@ -1,22 +0,0 @@
-declare const responsiveArgs: IResponsiveArgs;
-declare const mobileS = "";
-declare const mobileM = "";
-declare const mobileL = "";
-declare const tablet = "";
-declare const laptop = "";
-declare const laptopL = "";
-declare const desktop = "";
-interface IControlText {
-    control: string;
-}
-interface IResponsiveArgs {
-    desktop: IControlText;
-    laptop: IControlText;
-    laptopL: IControlText;
-    mobileL: IControlText;
-    mobileM: IControlText;
-    mobileS: IControlText;
-    tablet: IControlText;
-}
-
-export { type IResponsiveArgs, desktop, laptop, laptopL, mobileL, mobileM, mobileS, responsiveArgs, tablet };

package/storybook/responsive-args.js

@@ -1 +0,0 @@
-var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var c=(o,t)=>{for(var l in t)r(o,l,{get:t[l],enumerable:!0})},i=(o,t,l,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of x(t))!s.call(o,e)&&e!==l&&r(o,e,{get:()=>t[e],enumerable:!(n=p(t,e))||n.enumerable});return o};var b=o=>i(r({},"__esModule",{value:!0}),o);var k={};c(k,{desktop:()=>d,laptop:()=>L,laptopL:()=>g,mobileL:()=>C,mobileM:()=>m,mobileS:()=>I,responsiveArgs:()=>a,tablet:()=>T});module.exports=b(k);const a={desktop:{control:"text"},laptop:{control:"text"},laptopL:{control:"text"},mobileL:{control:"text"},mobileM:{control:"text"},mobileS:{control:"text"},tablet:{control:"text"}},I="",m="",C="",T="",L="",g="",d="";0&&(module.exports={desktop,laptop,laptopL,mobileL,mobileM,mobileS,responsiveArgs,tablet});

package/storybook/responsive-component.d.ts

@@ -1,33 +0,0 @@
-interface IResponsiveProps {
-    /**
-     * Specifies the CSS block on desktop devices
-     */
-    $desktop?: string;
-    /**
-     * Specifies the CSS block on laptop devices
-     */
-    $laptop?: string;
-    /**
-     * Specifies the CSS block on large laptop devices
-     */
-    $laptopL?: string;
-    /**
-     * Specifies the CSS block on large mobile devices
-     */
-    $mobileL?: string;
-    /**
-     * Specifies the CSS block on medium mobile devices
-     */
-    $mobileM?: string;
-    /**
-     * Specifies the CSS block on small mobile devices
-     */
-    $mobileS?: string;
-    /**
-     * Specifies the CSS block on tablet devices
-     */
-    $tablet?: string;
-}
-declare const responsiveComponent: ({ $desktop, $laptop, $laptopL, $mobileL, $mobileM, $mobileS, $tablet, }: IResponsiveProps) => string;
-
-export { type IResponsiveProps, responsiveComponent };

package/storybook/responsive-component.js

@@ -1,37 +0,0 @@
-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,108 +0,0 @@
-declare const responsiveScreens: {
-    mobileSMin: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    mobileSMax: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    mobileMMin: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    mobileMMax: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    mobileLMin: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    mobileLMax: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    tabletMin: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    tabletMax: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    laptopMin: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    laptopMax: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    laptopLMin: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    laptopLMax: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-    desktop: {
-        name: string;
-        styles: {
-            height: string;
-            width: string;
-        };
-        type: string;
-    };
-};
-
-export { responsiveScreens };

package/storybook/responsive-screens.js

@@ -1 +0,0 @@
-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});