@koine/react 1.1.10 → 1.1.11

package/node/styles/styled.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stateFocus = exports.invisible = exports.ellipsis = exports.centered = exports.overlay = exports.inset0 = exports.colStretch = void 0;
-function colStretch(direction, bg) {
-    return "\n    background: ".concat(bg, ";\n    position: relative;\n\n    &:before{\n      z-index: -1;\n      content: '';\n      position: absolute;\n      right: ").concat(direction === "left" ? "100%" : "-100vw", ";\n      left: ").concat(direction === "right" ? "100%" : "-100vw", ";\n      top: 0;\n      bottom: 0;\n      background: ").concat(bg, ";\n    }\n  ");
-}
-exports.colStretch = colStretch;
-/** @see https://caniuse.com/?search=inset */
-exports.inset0 = "top:0;left:0;right:0;bottom:0;";
-exports.overlay = "position: absolute;".concat(exports.inset0);
-exports.centered = "display: flex;align-items: center;justify-content: center;";
-exports.ellipsis = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;";
-/**
- * @see import("@mui/utils").visuallyHidden https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/visuallyHidden.ts
- */
-exports.invisible = "border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;";
-exports.stateFocus = "outline: 0px;box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25);";

package/node/styles/theme--vanilla.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeVanillaProvider = exports.ThemeVanillaContext = exports.getInitialThemeFromClient = exports.getInitialThemeFromRequest = exports.THEME_DEFAULT = exports.THEME_KEY = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-var setCookie_1 = tslib_1.__importDefault(require("@koine/utils/setCookie"));
-var parseCookie_1 = tslib_1.__importDefault(require("@koine/utils/parseCookie"));
-var useMount_1 = tslib_1.__importDefault(require("../hooks/useMount"));
-var useUpdateEffect_1 = tslib_1.__importDefault(require("../hooks/useUpdateEffect"));
-exports.THEME_KEY = "theme";
-exports.THEME_DEFAULT = "light";
-var getInitialThemeFromRequest = function (cookie) {
-    if (cookie) {
-        var parsed = (0, parseCookie_1.default)(cookie);
-        return parsed === null || parsed === void 0 ? void 0 : parsed.theme;
-    }
-    return exports.THEME_DEFAULT;
-};
-exports.getInitialThemeFromRequest = getInitialThemeFromRequest;
-var getInitialThemeFromClient = function () {
-    if (typeof window !== "undefined" && window.localStorage) {
-        var storedPrefs = window.localStorage.getItem(exports.THEME_KEY);
-        if (typeof storedPrefs === "string") {
-            return storedPrefs;
-        }
-        var userMedia = window.matchMedia("(prefers-color-scheme: dark)");
-        if (userMedia.matches) {
-            return "dark";
-        }
-    }
-    return exports.THEME_DEFAULT;
-};
-exports.getInitialThemeFromClient = getInitialThemeFromClient;
-exports.ThemeVanillaContext = (0, react_1.createContext)({
-    theme: "light",
-    setTheme: undefined,
-});
-var ThemeVanillaProvider = function (_a) {
-    var initialTheme = _a.initialTheme, children = _a.children;
-    var _b = (0, react_1.useState)(initialTheme), theme = _b[0], setTheme = _b[1];
-    var rawSetTheme = function (rawTheme) {
-        if (!rawTheme || !isBrowser_1.default) {
-            return;
-        }
-        var root = window.document.documentElement;
-        var isDark = rawTheme === "dark";
-        root.classList.remove(isDark ? "light" : "dark");
-        root.classList.add(rawTheme);
-        localStorage.setItem(exports.THEME_KEY, rawTheme);
-        (0, setCookie_1.default)(exports.THEME_KEY, rawTheme);
-    };
-    (0, useMount_1.default)(function () {
-        var theme = (0, exports.getInitialThemeFromClient)();
-        setTheme(theme);
-        rawSetTheme(theme);
-    });
-    (0, useUpdateEffect_1.default)(function () {
-        rawSetTheme(theme);
-    }, [theme]);
-    return ((0, jsx_runtime_1.jsx)(exports.ThemeVanillaContext.Provider, tslib_1.__assign({ value: { theme: theme, setTheme: setTheme } }, { children: children })));
-};
-exports.ThemeVanillaProvider = ThemeVanillaProvider;

package/node/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });