@bioturing/components 0.15.0 → 0.15.1

package/dist/ThemeProvider.css

@@ -1,39 +0,0 @@
-:root {
-  --ds-modal-padding: 24px;
-  --ds-modal-edge-padding: 16px;
-  --ds-popup-panel-padding: 16px;
-  --ds-scrollbar-width: auto;
-  --ds-scrollbar-width-legacy: 15;
-  --ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-color-border-modal), 2px 2px 5px #0000000d;
-  --ds-inter: "Inter", Helvetica, Arial, sans-serif;
-  --ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-@supports (font-variation-settings: normal) {
-  :root {
-    --ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;
-    --ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    font-optical-sizing: auto;
-  }
-}
-
-@layer components {
-  .ds-theme-provider {
-    --ds-color-bg-segment-active: #fff;
-    --ds-scrollbar-color-thumb: #0003;
-    --ds-scrollbar-color-track: #0000;
-    --ds-color-base-solid: #000;
-    --ds-color-table-fixed-column-shadow: #0000001a;
-    --ds-color-border-modal: #0000003d;
-  }
-
-  .ds-theme-provider.dark {
-    --ds-color-border-modal: #ffffff8c;
-    --ds-color-bg-segment-active: #424248;
-    --ds-scrollbar-color-thumb: #fff3;
-    --ds-scrollbar-color-track: #0000;
-    --ds-color-base-solid: #fff;
-    --ds-color-table-fixed-column-shadow: #0003;
-  }
-}
-

package/dist/ThemeProvider.js

@@ -1,403 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import "antd/es/theme/useToken";
-import "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__ from "@ant-design/cssinjs";
-const getTokensByTheme = (originTokens, theme)=>{
-    const tokens = {};
-    Object.entries(originTokens).forEach(([key, value])=>{
-        if (value && "object" == typeof value && "light" in value && "dark" in value) {
-            const tokenValue = value;
-            tokens[key] = tokenValue[theme];
-        } else if ("string" == typeof value) tokens[key] = value;
-    });
-    return tokens;
-};
-const antdColorTokens = {
-    colorText: {
-        light: "rgba(0, 0, 0, 0.88)",
-        dark: "rgba(255, 255, 255, 0.85)"
-    },
-    colorTextSecondary: {
-        light: "rgba(0, 0, 0, 0.65)",
-        dark: "rgba(255, 255, 255, 0.65)"
-    },
-    colorTextTertiary: {
-        light: "rgba(0, 0, 0, 0.45)",
-        dark: "rgba(255, 255, 255, 0.45)"
-    },
-    colorTextQuaternary: {
-        light: "rgba(0, 0, 0, 0.25)",
-        dark: "rgba(255, 255, 255, 0.25)"
-    },
-    colorPrimary: {
-        light: "#175CD3",
-        dark: "#2E90FA"
-    },
-    colorPrimaryBg: {
-        light: "#E9F2FF",
-        dark: "#152137"
-    },
-    colorPrimaryBgHover: {
-        light: "#D1E9FF",
-        dark: "#112545"
-    },
-    colorPrimaryBorder: {
-        light: "#84CAFF",
-        dark: "#1C3959"
-    },
-    colorPrimaryBorderHover: {
-        light: "#53B1FD",
-        dark: "#204C7C"
-    },
-    colorPrimaryHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorPrimaryActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorPrimaryTextHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorPrimaryTextActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorInfo: {
-        light: "#175CD3",
-        dark: "#2E90FA"
-    },
-    colorInfoBg: {
-        light: "#E9F2FF",
-        dark: "#152137"
-    },
-    colorInfoBgHover: {
-        light: "#D1E9FF",
-        dark: "#112545"
-    },
-    colorInfoBorder: {
-        light: "#84CAFF",
-        dark: "#1C3959"
-    },
-    colorInfoBorderHover: {
-        light: "#53B1FD",
-        dark: "#204C7C"
-    },
-    colorInfoHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorInfoActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorInfoTextHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorInfoTextActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorSuccess: {
-        light: "#4CB200",
-        dark: "#389E0D"
-    },
-    colorSuccessBg: {
-        light: "#F6FFF0",
-        dark: "#162100"
-    },
-    colorSuccessBgHover: {
-        light: "#D9F7BE",
-        dark: "#1D2B00"
-    },
-    colorSuccessBorder: {
-        light: "#B7EB8F",
-        dark: "#274916"
-    },
-    colorSuccessBorderHover: {
-        light: "#95DE64",
-        dark: "#306317"
-    },
-    colorSuccessHover: {
-        light: "#73D13D",
-        dark: "#52C41A"
-    },
-    colorSuccessActive: {
-        light: "#389E0D",
-        dark: "#237804"
-    },
-    colorSuccessTextHover: {
-        light: "#237804",
-        dark: "#52C41A"
-    },
-    colorSuccessTextActive: {
-        light: "#092B00",
-        dark: "#237804"
-    },
-    colorWarning: {
-        light: "#FA8C16",
-        dark: "#D48806"
-    },
-    colorWarningBg: {
-        light: "#FFF7E6",
-        dark: "#281800"
-    },
-    colorWarningBgHover: {
-        light: "#FFE7BA",
-        dark: "#3D2200"
-    },
-    colorWarningBorder: {
-        light: "#FFD591",
-        dark: "#443B16"
-    },
-    colorWarningBorderHover: {
-        light: "#FFC069",
-        dark: "#594E1A"
-    },
-    colorWarningHover: {
-        light: "#FFA940",
-        dark: "#E8B339"
-    },
-    colorWarningActive: {
-        light: "#D46B08",
-        dark: "#AA7714"
-    },
-    colorWarningTextHover: {
-        light: "#AD4E00",
-        dark: "#E8B339"
-    },
-    colorWarningTextActive: {
-        light: "#873800",
-        dark: "#AA7714"
-    },
-    colorError: {
-        light: "#D92D20",
-        dark: "#CF3D33"
-    },
-    colorErrorBg: {
-        light: "#FEF3F2",
-        dark: "#291414"
-    },
-    colorErrorBgHover: {
-        light: "#FEE4E2",
-        dark: "#411A18"
-    },
-    colorErrorBorder: {
-        light: "#FDA29B",
-        dark: "#562222"
-    },
-    colorErrorBorderHover: {
-        light: "#F97066",
-        dark: "#772A24"
-    },
-    colorErrorHover: {
-        light: "#F04438",
-        dark: "#E5695A"
-    },
-    colorErrorActive: {
-        light: "#D92D20",
-        dark: "#A3332B"
-    },
-    colorErrorTextHover: {
-        light: "#F04438",
-        dark: "#E5695A"
-    },
-    colorErrorTextActive: {
-        light: "#D92D20",
-        dark: "#A3332B"
-    },
-    colorFill: {
-        light: "rgba(0, 0, 0, 0.15)",
-        dark: "rgba(255, 255, 255, 0.15)"
-    },
-    colorFillSecondary: {
-        light: "rgba(0, 0, 0, 0.06)",
-        dark: "rgba(255, 255, 255, 0.06)"
-    },
-    colorFillTertiary: {
-        light: "rgba(0, 0, 0, 0.04)",
-        dark: "rgba(255, 255, 255, 0.04)"
-    },
-    colorFillQuaternary: {
-        light: "rgba(0, 0, 0, 0.02)",
-        dark: "rgba(255, 255, 255, 0.02)"
-    },
-    colorFillAlter: {
-        light: "rgba(0, 0, 0, 0.02)",
-        dark: "rgba(255, 255, 255, 0.02)"
-    },
-    colorBorder: {
-        light: "rgba(0, 0, 0, 0.16)",
-        dark: "rgba(255, 255, 255, 0.16)"
-    },
-    colorBorderSecondary: {
-        light: "rgba(0, 0, 0, 0.06)",
-        dark: "rgba(255, 255, 255, 0.06)"
-    },
-    colorIcon: {
-        light: "rgba(0, 0, 0, 0.58)",
-        dark: "rgba(255, 255, 255, 0.58)"
-    },
-    colorIconHover: {
-        light: "rgba(0, 0, 0, 0.88)",
-        dark: "rgba(255, 255, 255, 0.88)"
-    },
-    colorBgContainer: {
-        light: "#FFFFFF",
-        dark: "#26262C"
-    },
-    colorBgElevated: {
-        light: "#FFFFFF",
-        dark: "#2F2F37"
-    },
-    colorBgLayout: {
-        light: "#F5F5F5",
-        dark: "#1A1A1E"
-    },
-    colorBgSpotlight: {
-        light: "rgba(0, 0, 0, 0.85)",
-        dark: "#505D5D"
-    },
-    colorBgMask: {
-        light: "rgba(0, 0, 0, 0.45)",
-        dark: "rgba(0, 0, 0, 0.45)"
-    },
-    colorBgBase: {
-        light: "#FFFFFF",
-        dark: "#13131A"
-    },
-    controlOutline: {
-        light: "rgba(0, 0, 0, 0.12)",
-        dark: "rgba(255, 255, 255, 0.12)"
-    }
-};
-const sharedTokens = {
-    fontFamily: "var(--ds-inter)",
-    fontFamilyCode: "var(--ds-roboto-mono)",
-    fontSizeHeading1: 36,
-    fontSizeHeading2: 30,
-    fontSizeHeading3: 24,
-    fontSizeHeading4: 20,
-    fontSizeHeading5: 16,
-    lineHeightHeading1: 40 / 36,
-    lineHeightHeading2: 1.2,
-    lineHeightHeading3: 32 / 24,
-    lineHeightHeading4: 1.4,
-    lineHeightHeading5: 1.5,
-    lineHeight: 20 / 14,
-    lineHeightLG: 1.5,
-    lineHeightSM: 16 / 12,
-    fontWeightStrong: 600,
-    boxShadow: "0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)",
-    boxShadowSecondary: "0px 0px 1px 0px var(--ds-color-border-modal), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)",
-    colorBgSpotlight: "rgba(0, 0, 0, 0.85)"
-};
-const sharedThemeConfig = {
-    cssVar: true,
-    components: {
-        Input: {},
-        InputNumber: {},
-        Button: {
-            defaultShadow: void 0,
-            primaryShadow: void 0,
-            dangerShadow: void 0
-        },
-        Select: {},
-        Segmented: {
-            controlHeightLG: 36,
-            controlHeightSM: 24
-        },
-        Breadcrumb: {
-            separatorColor: "var(--ds-color-border)"
-        },
-        Slider: {
-            trackBg: "var(--ds-color-primary)",
-            trackHoverBg: "var(--ds-color-primary-hover)",
-            trackBgDisabled: "var(--ds-color-text-disabled)",
-            railBg: "var(--ds-control-outline)",
-            railHoverBg: "var(--ds-color-border)",
-            handleColor: "var(--ds-color-primary)",
-            handleActiveColor: "var(--ds-color-primary-active)",
-            handleColorDisabled: "var(--ds-color-text-disabled)",
-            dotBorderColor: "var(--ds-color-primary)",
-            dotActiveBorderColor: "var(--ds-color-primary-active)"
-        },
-        Form: {
-            itemMarginBottom: 16,
-            labelColor: "var(--ds-color-text)"
-        }
-    }
-};
-const lightTheme = {
-    token: {
-        ...getTokensByTheme(antdColorTokens, "light"),
-        ...sharedTokens
-    },
-    ...sharedThemeConfig
-};
-const darkTheme = {
-    token: {
-        ...getTokensByTheme(antdColorTokens, "dark"),
-        ...sharedTokens
-    },
-    ...sharedThemeConfig
-};
-function cx(...args) {
-    const classes = [];
-    for (const arg of args)if (arg) {
-        if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
-        else if (Array.isArray(arg)) classes.push(...cx(...arg));
-        else if ("object" == typeof arg) {
-            for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
-        }
-    }
-    return classes;
-}
-function clsx(...args) {
-    return cx(...args).join(" ");
-}
-"use client";
-const useCls = ()=>{
-    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
-    return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
-};
-"use client";
-const DSWrapper = ({ children, theme, appendClassesTo })=>{
-    const cls = useCls();
-    const className = clsx(cls("theme-provider"), theme.toString());
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
-        const classes = className.split(" ");
-        const el = "string" == typeof appendClassesTo ? document.querySelector(appendClassesTo) : appendClassesTo;
-        if (el) el.classList.add(...classes);
-        return ()=>{
-            if (el) el.classList.remove(...classes);
-        };
-    }, [
-        appendClassesTo,
-        className
-    ]);
-    return void 0 === appendClassesTo ? __WEBPACK_EXTERNAL_MODULE_react__.Children.map(children, (child)=>{
-        if (/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.isValidElement)(child)) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.cloneElement)(child, {
-            className: clsx(child.props.className, className)
-        });
-        return child;
-    }) : children;
-};
-const ThemeProvider = ({ theme, appendClassesTo, children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__.StyleProvider, {
-        layer: true,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"], {
-            theme: "light" == theme ? lightTheme : darkTheme,
-            prefixCls: "ds",
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DSWrapper, {
-                theme: theme,
-                appendClassesTo: appendClassesTo,
-                children: children
-            })
-        })
-    });
-export { ThemeProvider };