@100mslive/roomkit-react 0.1.4-alpha.1 → 0.1.4

package/dist/chunk-R6PDR5WZ.js

@@ -1,243 +0,0 @@
-import {
-  init_define_process_env,
-  styled
-} from "./chunk-4NEZLVVH.js";
-
-// src/Layout/Flex.tsx
-init_define_process_env();
-var gapStyles = (value) => {
-  return {
-    "& > * + *": {
-      marginRight: "0",
-      marginLeft: `${0.25 * value}rem`
-    }
-  };
-};
-var Flex = styled("div", {
-  display: "flex",
-  variants: {
-    justify: {
-      start: {
-        justifyContent: "flex-start"
-      },
-      end: {
-        justifyContent: "flex-end"
-      },
-      center: {
-        justifyContent: "center"
-      },
-      between: {
-        justifyContent: "space-between"
-      },
-      around: {
-        justifyContent: "space-around"
-      },
-      evenly: {
-        justifyContent: "space-evenly"
-      }
-    },
-    align: {
-      start: {
-        alignItems: "flex-start"
-      },
-      end: {
-        alignItems: "flex-end"
-      },
-      center: {
-        alignItems: "center"
-      },
-      baseline: {
-        alignItems: "baseline"
-      },
-      strech: {
-        alignItems: "stretch"
-      }
-    },
-    direction: {
-      row: {
-        flexDirection: "row"
-      },
-      column: {
-        flexDirection: "column"
-      },
-      rowReverse: {
-        flexDirection: "row-reverse"
-      },
-      columnReverse: {
-        flexDirection: "column-reverse"
-      }
-    },
-    gap: {
-      1: gapStyles(1),
-      2: gapStyles(2),
-      3: gapStyles(3),
-      4: gapStyles(4)
-    }
-  }
-});
-
-// src/Layout/Box.tsx
-init_define_process_env();
-var Box = styled("div", {});
-
-// src/Layout/index.tsx
-init_define_process_env();
-
-// src/Text/Text.tsx
-init_define_process_env();
-var textVariants = {
-  h1: {
-    fontWeight: "$semiBold",
-    letterSpacing: "-1.5px",
-    fontSize: "$h1",
-    lineHeight: "$h1",
-    "@md": {
-      fontSize: "4.5rem",
-      lineHeight: "4.75rem"
-    }
-  },
-  h2: {
-    fontSize: "$h2",
-    lineHeight: "$h2",
-    fontWeight: "$semiBold",
-    letterSpacing: "-0.5px",
-    "@md": {
-      fontSize: "3rem",
-      lineHeight: "3.25rem"
-    }
-  },
-  h3: {
-    fontSize: "$h3",
-    lineHeight: "$h3",
-    fontWeight: "$semiBold",
-    "@md": {
-      fontSize: "2.5rem",
-      lineHeight: "2.75rem"
-    }
-  },
-  h4: {
-    fontSize: "$h4",
-    lineHeight: "$h4",
-    fontWeight: "$semiBold",
-    letterSpacing: "0.25px",
-    "@md": {
-      fontSize: "1.75rem",
-      lineHeight: "2rem"
-    }
-  },
-  h5: {
-    fontSize: "$h5",
-    lineHeight: "$h5",
-    fontWeight: "$semiBold",
-    "@md": {
-      fontSize: "1.5rem",
-      lineHeight: "1.75rem"
-    }
-  },
-  h6: {
-    fontSize: "$h6",
-    lineHeight: "$h6",
-    fontWeight: "$semiBold",
-    letterSpacing: "0.15px",
-    "@md": {
-      fontSize: "1.25rem",
-      lineHeight: "1.5rem"
-    }
-  },
-  sub1: {
-    fontSize: "$md",
-    lineHeight: "$h5",
-    fontWeight: "$medium",
-    letterSpacing: "0.15px"
-  },
-  sub2: {
-    fontSize: "$sm",
-    lineHeight: "$sm",
-    fontWeight: "$medium",
-    letterSpacing: "0.1px"
-  },
-  body1: {
-    fontSize: "$md",
-    lineHeight: "$h6",
-    fontWeight: "$medium",
-    letterSpacing: "0.1px"
-  },
-  body2: {
-    fontSize: "0.875rem",
-    lineHeight: "1.25rem",
-    fontWeight: "$medium",
-    letterSpacing: "0.25px"
-  },
-  button: {
-    fontSize: "1rem",
-    lineHeight: "1.5rem",
-    fontWeight: "$semiBold",
-    letterSpacing: "0.5px"
-  },
-  caption: {
-    fontSize: "0.75rem",
-    lineHeight: "1rem",
-    letterSpacing: "0.4px",
-    fontWeight: "$regular"
-  },
-  overline: {
-    fontSize: "0.625rem",
-    lineHeight: "1rem",
-    letterSpacing: "1.5px",
-    fontWeight: "$medium"
-  },
-  tiny: {
-    fontSize: "$tiny",
-    lineHeight: "$tiny"
-  },
-  xs: {
-    fontSize: "$xs",
-    lineHeight: "$xs"
-  },
-  sm: {
-    fontSize: "$sm",
-    lineHeight: "$sm"
-  },
-  md: {
-    fontSize: "$md",
-    lineHeight: "$md"
-  },
-  lg: {
-    fontSize: "$lg",
-    lineHeight: "$md",
-    fontWeight: "$semiBold",
-    letterSpacing: "0.15px"
-  }
-};
-var Text = styled("p", {
-  fontFamily: "$sans",
-  fontWeight: "$regular",
-  margin: 0,
-  color: "$on_surface_high",
-  variants: {
-    variant: textVariants,
-    color: {
-      white: {
-        color: "$on_surface_high"
-      }
-    },
-    inline: {
-      true: {
-        display: "inline"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "md"
-  }
-});
-
-// src/Text/index.tsx
-init_define_process_env();
-
-export {
-  Flex,
-  Box,
-  Text
-};
-//# sourceMappingURL=chunk-R6PDR5WZ.js.map

package/dist/chunk-R6PDR5WZ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/Layout/Flex.tsx", "../src/Layout/Box.tsx", "../src/Layout/index.tsx", "../src/Text/Text.tsx", "../src/Text/index.tsx"],
-  "sourcesContent": ["import { styled } from '../Theme';\n\n/**\n * @see https://tailwindcss.com/docs/space\n */\nconst gapStyles = (value: number) => {\n  return {\n    '& > * + *': {\n      marginRight: '0',\n      marginLeft: `${0.25 * value}rem`,\n    },\n  };\n};\n\nexport const Flex = styled('div', {\n  display: 'flex',\n  variants: {\n    justify: {\n      start: {\n        justifyContent: 'flex-start',\n      },\n      end: {\n        justifyContent: 'flex-end',\n      },\n      center: {\n        justifyContent: 'center',\n      },\n      between: {\n        justifyContent: 'space-between',\n      },\n      around: {\n        justifyContent: 'space-around',\n      },\n      evenly: {\n        justifyContent: 'space-evenly',\n      },\n    },\n    align: {\n      start: {\n        alignItems: 'flex-start',\n      },\n      end: {\n        alignItems: 'flex-end',\n      },\n      center: {\n        alignItems: 'center',\n      },\n      baseline: {\n        alignItems: 'baseline',\n      },\n      strech: {\n        alignItems: 'stretch',\n      },\n    },\n    direction: {\n      row: {\n        flexDirection: 'row',\n      },\n      column: {\n        flexDirection: 'column',\n      },\n      rowReverse: {\n        flexDirection: 'row-reverse',\n      },\n      columnReverse: {\n        flexDirection: 'column-reverse',\n      },\n    },\n    gap: {\n      1: gapStyles(1),\n      2: gapStyles(2),\n      3: gapStyles(3),\n      4: gapStyles(4),\n    },\n  },\n});\n", "import { styled } from '../Theme';\n\nexport const Box = styled('div', {});\n", "export { Flex } from './Flex';\nexport { Box } from './Box';\n", "import { styled } from '../Theme';\n\nexport const textVariants = {\n  h1: {\n    fontWeight: '$semiBold',\n    letterSpacing: '-1.5px',\n    fontSize: '$h1',\n    lineHeight: '$h1',\n    '@md': {\n      fontSize: '4.5rem',\n      lineHeight: '4.75rem',\n    },\n  },\n  h2: {\n    fontSize: '$h2',\n    lineHeight: '$h2',\n    fontWeight: '$semiBold',\n    letterSpacing: '-0.5px',\n    '@md': {\n      fontSize: '3rem',\n      lineHeight: '3.25rem',\n    },\n  },\n  h3: {\n    fontSize: '$h3',\n    lineHeight: '$h3',\n    fontWeight: '$semiBold',\n    '@md': {\n      fontSize: '2.5rem',\n      lineHeight: '2.75rem',\n    },\n  },\n  h4: {\n    fontSize: '$h4',\n    lineHeight: '$h4',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.25px',\n    '@md': {\n      fontSize: '1.75rem',\n      lineHeight: '2rem',\n    },\n  },\n  h5: {\n    fontSize: '$h5',\n    lineHeight: '$h5',\n    fontWeight: '$semiBold',\n    '@md': {\n      fontSize: '1.5rem',\n      lineHeight: '1.75rem',\n    },\n  },\n  h6: {\n    fontSize: '$h6',\n    lineHeight: '$h6',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.15px',\n    '@md': {\n      fontSize: '1.25rem',\n      lineHeight: '1.5rem',\n    },\n  },\n  sub1: {\n    fontSize: '$md',\n    lineHeight: '$h5',\n    fontWeight: '$medium',\n    letterSpacing: '0.15px',\n  },\n  sub2: {\n    fontSize: '$sm',\n    lineHeight: '$sm',\n    fontWeight: '$medium',\n    letterSpacing: '0.1px',\n  },\n  body1: {\n    fontSize: '$md',\n    lineHeight: '$h6',\n    fontWeight: '$medium',\n    letterSpacing: '0.1px',\n  },\n  body2: {\n    fontSize: '0.875rem',\n    lineHeight: '1.25rem',\n    fontWeight: '$medium',\n    letterSpacing: '0.25px',\n  },\n  button: {\n    fontSize: '1rem',\n    lineHeight: '1.5rem',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.5px',\n  },\n  caption: {\n    fontSize: '0.75rem',\n    lineHeight: '1rem',\n    letterSpacing: '0.4px',\n    fontWeight: '$regular',\n  },\n  overline: {\n    fontSize: '0.625rem',\n    lineHeight: '1rem',\n    letterSpacing: '1.5px',\n    fontWeight: '$medium',\n  },\n  tiny: {\n    fontSize: '$tiny',\n    lineHeight: '$tiny',\n  },\n  xs: {\n    fontSize: '$xs',\n    lineHeight: '$xs',\n  },\n  sm: {\n    fontSize: '$sm',\n    lineHeight: '$sm',\n  },\n  md: {\n    fontSize: '$md',\n    lineHeight: '$md',\n  },\n  lg: {\n    fontSize: '$lg',\n    lineHeight: '$md',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.15px',\n  },\n};\n\nexport const Text = styled('p', {\n  fontFamily: '$sans',\n  fontWeight: '$regular',\n  margin: 0,\n  color: '$on_surface_high',\n  variants: {\n    variant: textVariants,\n    color: {\n      white: {\n        color: '$on_surface_high',\n      },\n    },\n    inline: {\n      true: {\n        display: 'inline',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'md',\n  },\n});\n", "export { Text } from './Text';\n"],
-  "mappings": "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",
-  "names": []
-}