literal-ui - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/cjs/index.js

		@@ -7,2 +7,4 @@ 'use strict';
		var clsx = require('clsx');
		var md = require('react-icons/md');
		var useDarkMode = require('use-dark-mode');
		var react = require('react');
		@@ -13,3 +15,18 @@
		var clsx__default = /#__PURE__/_interopDefaultLegacy(clsx);
		var useDarkMode__default = /#__PURE__/_interopDefaultLegacy(useDarkMode);

		const __IS_SERVER__ = typeof document === 'undefined';

		function useMounted() {
		const [mounted, setMounted] = react.useState(false);
		react.useEffect(() => {
		setMounted(true);
		return () => setMounted(false);
		}, []);
		return mounted;
		}
		function useAfterMount(v) {
		return useMounted() ? v : null;
		}

		const StateLayer = () => {
		@@ -64,5 +81,15 @@ const ref = react.useRef(null);
		};
		const ColorScheme = () => {
		const { value, toggle } = useDarkMode__default["default"](false, {
		classNameDark: 'dark',
		classNameLight: 'light',
		element: __IS_SERVER__ ? undefined : document.documentElement,
		});
		console.log(value);
		return useAfterMount(jsxRuntime.jsx(IconButton, { Icon: value ? md.MdOutlineDarkMode : md.MdOutlineLightMode, onClick: toggle }));
		};

		exports.Button = Button;
		exports.ColorScheme = ColorScheme;
		exports.IconButton = IconButton;
		exports.StateLayer = StateLayer;

dist/esm/index.js

		import { jsx, jsxs } from 'react/jsx-runtime';
		import clsx from 'clsx';
		import { useRef } from 'react';
		import { MdOutlineDarkMode, MdOutlineLightMode } from 'react-icons/md';
		import useDarkMode from 'use-dark-mode';
		import { useState, useEffect, useRef } from 'react';

		const __IS_SERVER__ = typeof document === 'undefined';

		function useMounted() {
		const [mounted, setMounted] = useState(false);
		useEffect(() => {
		setMounted(true);
		return () => setMounted(false);
		}, []);
		return mounted;
		}
		function useAfterMount(v) {
		return useMounted() ? v : null;
		}

		const StateLayer = () => {
		@@ -54,3 +70,12 @@ const ref = useRef(null);
		};
		const ColorScheme = () => {
		const { value, toggle } = useDarkMode(false, {
		classNameDark: 'dark',
		classNameLight: 'light',
		element: __IS_SERVER__ ? undefined : document.documentElement,
		});
		console.log(value);
		return useAfterMount(jsx(IconButton, { Icon: value ? MdOutlineDarkMode : MdOutlineLightMode, onClick: toggle }));
		};

		export { Button, IconButton, StateLayer };
		export { Button, ColorScheme, IconButton, StateLayer };

dist/index.d.ts

		@@ -22,5 +22,6 @@ import { ComponentPropsWithoutRef } from 'react';
		declare const IconButton: React.FC<IconButtonProps>;
		declare const ColorScheme: React.FC;

		declare const StateLayer: React.FC;

		export { Button, ButtonProps, IconButton, IconButtonProps, StateLayer };
		export { Button, ButtonProps, ColorScheme, IconButton, IconButtonProps, StateLayer };

package.json

New alerts