@opensea/ui-kit - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

dist/index.d.ts

 export * from "./components";
 export * from "./utils";
 export { ThemeProvider, useTheme, useThemeValues, } from "./providers/ThemeProvider";
-export { FontCSSVariables } from "./providers/Fonts";
 export { ThemeVariant, Theme } from "./types";
@@ -6,0 +5,0 @@ export { getTheme } from "./theme";

dist/index.modern.js

@@ -6,3 +6,3 @@ import { Slot } from '@radix-ui/react-slot';
 import { twMerge } from 'tailwind-merge';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useContext, createContext } from 'react';
@@ -367,24 +367,2 @@ import { rgba } from 'polished';
 
-/**
- * Used to directly inject fonts as CSS variables.
- * You can render this directly where global styling is set.
- */
-const FontCSSVariables = ({
-  interFontFamily,
-  ibmPlexMonoFontFamily
-}) => {
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx("style", {
-      global: true,
-      jsx: true,
-      children: `
-        :root {
-          --font-family-inter: ${interFontFamily};
-          --font-family-ibm-plex-mono: ${ibmPlexMonoFontFamily};
-        }
-      `
-    })
-  });
-};
-
 const COMMON_COLORS = {
@@ -518,2 +496,2 @@ // General utility
 
-export { FontCSSVariables, Icon, Text, ThemeProvider, cn, getTheme, tailwindBase, useTheme, useThemeValues };
+export { Icon, Text, ThemeProvider, cn, getTheme, tailwindBase, useTheme, useThemeValues };

dist/index.module.js

@@ -6,3 +6,3 @@ import { Slot } from '@radix-ui/react-slot';
 import { twMerge } from 'tailwind-merge';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useContext, createContext } from 'react';
@@ -369,18 +369,2 @@ import { rgba } from 'polished';
 
-/**
- * Used to directly inject fonts as CSS variables.
- * You can render this directly where global styling is set.
- */
-var FontCSSVariables = function FontCSSVariables(_ref) {
-  var interFontFamily = _ref.interFontFamily,
-    ibmPlexMonoFontFamily = _ref.ibmPlexMonoFontFamily;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx("style", {
-      global: true,
-      jsx: true,
-      children: "\n        :root {\n          --font-family-inter: " + interFontFamily + ";\n          --font-family-ibm-plex-mono: " + ibmPlexMonoFontFamily + ";\n        }\n      "
-    })
-  });
-};
-
 var COMMON_COLORS = {
@@ -514,2 +498,2 @@ // General utility
 
-export { FontCSSVariables, Icon, Text, ThemeProvider, cn, getTheme, tailwindBase, useTheme, useThemeValues };
+export { Icon, Text, ThemeProvider, cn, getTheme, tailwindBase, useTheme, useThemeValues };

dist/index.umd.js

@@ -364,18 +364,2 @@ (function (global, factory) {
 
-  /**
-   * Used to directly inject fonts as CSS variables.
-   * You can render this directly where global styling is set.
-   */
-  var FontCSSVariables = function FontCSSVariables(_ref) {
-    var interFontFamily = _ref.interFontFamily,
-      ibmPlexMonoFontFamily = _ref.ibmPlexMonoFontFamily;
-    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: /*#__PURE__*/jsxRuntime.jsx("style", {
-        global: true,
-        jsx: true,
-        children: "\n        :root {\n          --font-family-inter: " + interFontFamily + ";\n          --font-family-ibm-plex-mono: " + ibmPlexMonoFontFamily + ";\n        }\n      "
-      })
-    });
-  };
-
   var COMMON_COLORS = {
@@ -513,3 +497,2 @@ // General utility
   });
-  exports.FontCSSVariables = FontCSSVariables;
   exports.Icon = Icon;
@@ -516,0 +499,0 @@ exports.Text = Text;

package.json

 {
   "name": "@opensea/ui-kit",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "OpenSea's Design System implementation in React",
@@ -5,0 +5,0 @@ "license": "MIT",

src/index.ts

@@ -8,5 +8,4 @@ export * from "./components"
 } from "./providers/ThemeProvider"
-export { FontCSSVariables } from "./providers/Fonts"
 export { ThemeVariant, Theme } from "./types"
 export { getTheme } from "./theme"
 export { tailwindBase } from "./styles/tailwind-base"

No alert changes

Worsened metrics

Total package byte prevSize

362558

decreased by-1.07%

Number of package files

72

decreased by-5.26%

Lines of code

6686

decreased by-1.27%

No dependency changes