@basic-ui/material 1.0.0-alpha.42 → 1.0.0-alpha.44

package/src/theme/typography-raleway.ts

@@ -1,114 +1,114 @@
-import { rem, em } from 'polished';
-
-export const typography = {
-  googleFonts: 'https://fonts.googleapis.com/css?family=Raleway',
-  fonts: {
-    body: 'Raleway, sans-serif',
-    heading: 'Raleway, sans-serif',
-    monospace: '"Roboto Mono", monospace',
-  },
-  fontWeights: {
-    light: 'lighter',
-    regular: 'normal',
-    medium: '600',
-  },
-  lineHeights: {
-    body: 1.5,
-    heading: 1.2,
-  },
-  text: {
-    caps: {
-      textTransform: 'uppercase',
-      fontFamily: 'body',
-      lineHeight: 'body',
-      letterSpacing: '0.1em',
-    },
-    heading: {
-      fontFamily: 'heading',
-      lineHeight: 'heading',
-    },
-    display: {
-      fontFamily: 'body',
-      lineHeight: 'body',
-    },
-    h1: {
-      variant: 'text.heading',
-      fontWeight: 'light',
-      fontSize: rem(98),
-      letterSpacing: em(-1.5, 98),
-    },
-    h2: {
-      variant: 'text.heading',
-      fontWeight: 'light',
-      fontSize: rem(61),
-      letterSpacing: em(-0.5, 61),
-    },
-    h3: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(49),
-      letterSpacing: em(0, 49),
-    },
-    h4: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(35),
-      letterSpacing: em(0.25, 35),
-    },
-    h5: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(24),
-      letterSpacing: em(0, 24),
-    },
-    h6: {
-      variant: 'text.heading',
-      fontWeight: 'medium',
-      fontSize: rem(20),
-      letterSpacing: em(0.15, 20),
-    },
-    subtitle1: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(16),
-      letterSpacing: em(0.15, 16),
-    },
-    subtitle2: {
-      variant: 'text.display',
-      fontWeight: 'medium',
-      fontSize: rem(14),
-      letterSpacing: em(0.1, 14),
-    },
-    body1: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(16),
-      letterSpacing: em(0.5, 16),
-    },
-    body2: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(14),
-      letterSpacing: em(0.25, 14),
-    },
-    button: {
-      variant: 'text.display',
-      fontSize: rem(14),
-      fontWeight: 'medium',
-      letterSpacing: em(1.25, 14),
-      lineHeight: 'normal',
-    },
-    caption: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(12),
-      letterSpacing: em(0.4, 12),
-    },
-    overline: {
-      variant: 'text.caps',
-      fontWeight: 'medium',
-      fontSize: rem(10),
-      letterSpacing: em(1.5, 10),
-    },
-  },
-};
+import { rem, em } from 'polished';
+
+export const typography = {
+  googleFonts: 'https://fonts.googleapis.com/css?family=Raleway',
+  fonts: {
+    body: 'Raleway, sans-serif',
+    heading: 'Raleway, sans-serif',
+    monospace: '"Roboto Mono", monospace',
+  },
+  fontWeights: {
+    light: 'lighter',
+    regular: 'normal',
+    medium: '600',
+  },
+  lineHeights: {
+    body: 1.5,
+    heading: 1.2,
+  },
+  text: {
+    caps: {
+      textTransform: 'uppercase',
+      fontFamily: 'body',
+      lineHeight: 'body',
+      letterSpacing: '0.1em',
+    },
+    heading: {
+      fontFamily: 'heading',
+      lineHeight: 'heading',
+    },
+    display: {
+      fontFamily: 'body',
+      lineHeight: 'body',
+    },
+    h1: {
+      variant: 'text.heading',
+      fontWeight: 'light',
+      fontSize: rem(98),
+      letterSpacing: em(-1.5, 98),
+    },
+    h2: {
+      variant: 'text.heading',
+      fontWeight: 'light',
+      fontSize: rem(61),
+      letterSpacing: em(-0.5, 61),
+    },
+    h3: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(49),
+      letterSpacing: em(0, 49),
+    },
+    h4: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(35),
+      letterSpacing: em(0.25, 35),
+    },
+    h5: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(24),
+      letterSpacing: em(0, 24),
+    },
+    h6: {
+      variant: 'text.heading',
+      fontWeight: 'medium',
+      fontSize: rem(20),
+      letterSpacing: em(0.15, 20),
+    },
+    subtitle1: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(16),
+      letterSpacing: em(0.15, 16),
+    },
+    subtitle2: {
+      variant: 'text.display',
+      fontWeight: 'medium',
+      fontSize: rem(14),
+      letterSpacing: em(0.1, 14),
+    },
+    body1: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(16),
+      letterSpacing: em(0.5, 16),
+    },
+    body2: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(14),
+      letterSpacing: em(0.25, 14),
+    },
+    button: {
+      variant: 'text.display',
+      fontSize: rem(14),
+      fontWeight: 'medium',
+      letterSpacing: em(1.25, 14),
+      lineHeight: 'normal',
+    },
+    caption: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(12),
+      letterSpacing: em(0.4, 12),
+    },
+    overline: {
+      variant: 'text.caps',
+      fontWeight: 'medium',
+      fontSize: rem(10),
+      letterSpacing: em(1.5, 10),
+    },
+  },
+};

package/src/theme/typography-roboto.ts

@@ -1,113 +1,113 @@
-import { rem, em } from 'polished';
-
-export const typography = {
-  fonts: {
-    body: 'Roboto, sans-serif',
-    heading: 'Roboto, sans-serif',
-    monospace: '"Roboto Mono", monospace',
-  },
-  fontWeights: {
-    light: 300,
-    regular: 400,
-    medium: 500,
-  },
-  lineHeights: {
-    body: 1.5,
-    heading: 1.2,
-  },
-  text: {
-    caps: {
-      textTransform: 'uppercase',
-      fontFamily: 'body',
-      lineHeight: 'body',
-      letterSpacing: '0.1em',
-    },
-    heading: {
-      fontFamily: 'heading',
-      lineHeight: 'heading',
-    },
-    display: {
-      fontFamily: 'body',
-      lineHeight: 'body',
-    },
-    h1: {
-      variant: 'text.heading',
-      fontWeight: 'light',
-      fontSize: rem(96),
-      letterSpacing: em(-1.5, 96),
-    },
-    h2: {
-      variant: 'text.heading',
-      fontWeight: 'light',
-      fontSize: rem(60),
-      letterSpacing: em(-0.5, 60),
-    },
-    h3: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(48),
-      letterSpacing: em(0, 48),
-    },
-    h4: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(34),
-      letterSpacing: em(0.25, 34),
-    },
-    h5: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(24),
-      letterSpacing: em(0, 24),
-    },
-    h6: {
-      variant: 'text.heading',
-      fontWeight: 'medium',
-      fontSize: rem(20),
-      letterSpacing: em(0.15, 20),
-    },
-    subtitle1: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(16),
-      letterSpacing: em(0.15, 16),
-    },
-    subtitle2: {
-      variant: 'text.display',
-      fontWeight: 'medium',
-      fontSize: rem(14),
-      letterSpacing: em(0.1, 14),
-    },
-    body1: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(16),
-      letterSpacing: em(0.5, 16),
-    },
-    body2: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(14),
-      letterSpacing: em(0.25, 14),
-    },
-    button: {
-      variant: 'text.caps',
-      fontSize: rem(14),
-      fontWeight: 'medium',
-      letterSpacing: em(1.25, 14),
-      lineHeight: 'normal',
-    },
-    caption: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(12),
-      letterSpacing: em(0.4, 12),
-    },
-    overline: {
-      variant: 'text.caps',
-      fontWeight: 'medium',
-      fontSize: rem(10),
-      letterSpacing: em(1.5, 10),
-    },
-  },
-};
+import { rem, em } from 'polished';
+
+export const typography = {
+  fonts: {
+    body: 'Roboto, sans-serif',
+    heading: 'Roboto, sans-serif',
+    monospace: '"Roboto Mono", monospace',
+  },
+  fontWeights: {
+    light: 300,
+    regular: 400,
+    medium: 500,
+  },
+  lineHeights: {
+    body: 1.5,
+    heading: 1.2,
+  },
+  text: {
+    caps: {
+      textTransform: 'uppercase',
+      fontFamily: 'body',
+      lineHeight: 'body',
+      letterSpacing: '0.1em',
+    },
+    heading: {
+      fontFamily: 'heading',
+      lineHeight: 'heading',
+    },
+    display: {
+      fontFamily: 'body',
+      lineHeight: 'body',
+    },
+    h1: {
+      variant: 'text.heading',
+      fontWeight: 'light',
+      fontSize: rem(96),
+      letterSpacing: em(-1.5, 96),
+    },
+    h2: {
+      variant: 'text.heading',
+      fontWeight: 'light',
+      fontSize: rem(60),
+      letterSpacing: em(-0.5, 60),
+    },
+    h3: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(48),
+      letterSpacing: em(0, 48),
+    },
+    h4: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(34),
+      letterSpacing: em(0.25, 34),
+    },
+    h5: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(24),
+      letterSpacing: em(0, 24),
+    },
+    h6: {
+      variant: 'text.heading',
+      fontWeight: 'medium',
+      fontSize: rem(20),
+      letterSpacing: em(0.15, 20),
+    },
+    subtitle1: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(16),
+      letterSpacing: em(0.15, 16),
+    },
+    subtitle2: {
+      variant: 'text.display',
+      fontWeight: 'medium',
+      fontSize: rem(14),
+      letterSpacing: em(0.1, 14),
+    },
+    body1: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(16),
+      letterSpacing: em(0.5, 16),
+    },
+    body2: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(14),
+      letterSpacing: em(0.25, 14),
+    },
+    button: {
+      variant: 'text.caps',
+      fontSize: rem(14),
+      fontWeight: 'medium',
+      letterSpacing: em(1.25, 14),
+      lineHeight: 'normal',
+    },
+    caption: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(12),
+      letterSpacing: em(0.4, 12),
+    },
+    overline: {
+      variant: 'text.caps',
+      fontWeight: 'medium',
+      fontSize: rem(10),
+      letterSpacing: em(1.5, 10),
+    },
+  },
+};

package/src/theme/useTheme.ts

@@ -1,18 +1,18 @@
-import { useTheme as useEmotionTheme } from '@emotion/react';
-
-import type { Theme as MaterialTheme } from './theme';
-import { theme } from './theme';
-
-declare module '@emotion/react' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export interface Theme extends MaterialTheme {}
-}
-
-export function useTheme() {
-  const obj = useEmotionTheme();
-  if (Object.keys(obj).length === 0 && obj.constructor === Object) {
-    return theme;
-  }
-
-  return obj;
-}
+import { useTheme as useEmotionTheme } from '@emotion/react';
+
+import type { Theme as MaterialTheme } from './theme';
+import { theme } from './theme';
+
+declare module '@emotion/react' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface Theme extends MaterialTheme {}
+}
+
+export function useTheme() {
+  const obj = useEmotionTheme();
+  if (Object.keys(obj).length === 0 && obj.constructor === Object) {
+    return theme;
+  }
+
+  return obj;
+}

package/tailwind/package.json

@@ -1,5 +1,5 @@
-{
-  "module": "../build/esm/tailwind/index.js",
-  "types": "../build/esm/tailwind/index.d.ts",
-  "sideEffects": false
-}
+{
+  "module": "../build/esm/tailwind/index.js",
+  "types": "../build/esm/tailwind/index.d.ts",
+  "sideEffects": false
+}

package/theme-explorer/package.json

@@ -1,5 +1,5 @@
-{
-  "module": "../build/esm/ThemeExplorer/index.js",
-  "types": "../build/esm/ThemeExplorer/index.d.ts",
-  "sideEffects": false
-}
+{
+  "module": "../build/esm/ThemeExplorer/index.js",
+  "types": "../build/esm/ThemeExplorer/index.d.ts",
+  "sideEffects": false
+}