@bioturing/components 0.15.0 → 0.15.2

package/dist/IconButton.css

@@ -1,52 +0,0 @@
-@layer components {
-  .ds-icon-button {
-    cursor: pointer;
-    color: var(--ds-color-icon);
-    background-color: #0000;
-    border: none;
-    border-radius: 999px;
-    justify-content: center;
-    align-items: center;
-    transition: all .2s;
-    display: inline-flex;
-  }
-
-  .ds-icon-button:hover {
-    background-color: var(--ds-color-fill-secondary);
-    color: var(--ds-color-icon-hover);
-  }
-
-  .ds-icon-button:active, .ds-icon-button.ds-popover-open {
-    background-color: var(--ds-color-primary-bg);
-    color: var(--ds-color-primary);
-  }
-
-  .ds-icon-button:focus {
-    outline: none;
-  }
-
-  .ds-icon-button:disabled {
-    cursor: not-allowed;
-    pointer-events: none;
-    color: var(--ds-color-text-disabled);
-  }
-
-  .ds-icon-button.ds-icon-button-medium {
-    width: 1.5rem;
-    height: 1.5rem;
-    padding: .125rem;
-    font-size: 1.25rem;
-  }
-
-  .ds-icon-button.ds-icon-button-small {
-    width: 1.25rem;
-    height: 1.25rem;
-    padding: .125rem;
-    font-size: 1rem;
-  }
-
-  .ds-icon-button.ds-icon-button-negative-margin {
-    margin: -.125rem;
-  }
-}
-

package/dist/IconButton.js

@@ -1,82 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__ from "antd/es/theme/useToken";
-import "tailwind-merge";
-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;
-}
-"use client";
-const useAntdCssVarClassname = ()=>{
-    var _token_;
-    const token = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__["default"])();
-    return null == (_token_ = token[4]) ? void 0 : _token_.key;
-};
-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 IconButtonImpl = (props, ref)=>{
-    const { label, size = "medium", negativeMargin = true, children, className, tooltipProps = {}, as, href, target, rel, download, hrefLang, referrerPolicy, ...rest } = props;
-    const cls = useCls();
-    const antdCssVarClassname = useAntdCssVarClassname();
-    const buttonClasses = [
-        cls("icon-button"),
-        cls(`icon-button-${size}`),
-        cls(negativeMargin ? "icon-button-negative-margin" : ""),
-        antdCssVarClassname,
-        className
-    ].filter(Boolean).join(" ");
-    const Component = as || (href ? "a" : "button");
-    const anchorProps = "a" === Component ? {
-        ...void 0 !== target && {
-            target
-        },
-        ...void 0 !== rel && {
-            rel
-        },
-        ...void 0 !== download && {
-            download
-        },
-        ...void 0 !== hrefLang && {
-            hrefLang
-        },
-        ...void 0 !== referrerPolicy && {
-            referrerPolicy
-        }
-    } : {};
-    const elementProps = {
-        ref,
-        className: buttonClasses,
-        ..."button" === Component && {
-            type: "button"
-        },
-        ...href && {
-            href
-        },
-        ...anchorProps,
-        ...rest
-    };
-    const element = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
-        ...elementProps,
-        children: children
-    });
-    return label ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
-        title: label,
-        arrow: false,
-        ...tooltipProps,
-        children: element
-    }) : element;
-};
-const IconButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(IconButtonImpl);
-export { IconButton };

package/dist/Input.js

@@ -1,48 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const MainInputInner = (props, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {
-        ref: ref,
-        ...props
-    });
-const PasswordInner = (props, ref)=>{
-    const mergedProps = {
-        iconRender: (visible)=>visible ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Eye, {
-                size: 16
-            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.EyeClosed, {
-                size: 16
-            }),
-        ...props
-    };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.Password, {
-        ref: ref,
-        ...mergedProps
-    });
-};
-const SearchInner = (props, ref)=>{
-    const mergedProps = {
-        enterButton: true === props.enterButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.MagnifyingGlass, {
-            size: 16
-        }) : props.enterButton,
-        ...props
-    };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.Search, {
-        ref: ref,
-        ...mergedProps
-    });
-};
-const TextAreaInner = (props, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.TextArea, {
-        ref: ref,
-        ...props
-    });
-const MainInput = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainInputInner);
-const Password = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(PasswordInner);
-const Search = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(SearchInner);
-const TextArea = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(TextAreaInner);
-const Input = Object.assign(MainInput, {
-    Password,
-    Search,
-    TextArea
-});
-export { Input };

package/dist/Modal.css

@@ -1,317 +0,0 @@
-@layer components {
-  .ds-stack {
-    display: flex;
-  }
-
-  .ds-stack-hug {
-    display: inline-flex;
-  }
-
-  .ds-stack-horizontal {
-    flex-direction: row;
-  }
-
-  .ds-stack-vertical {
-    flex-direction: column;
-  }
-
-  .ds-stack-fill.ds-stack-vertical {
-    height: 100%;
-  }
-
-  .ds-stack-fill.ds-stack-horizontal {
-    width: 100%;
-  }
-
-  .ds-stack-wrap {
-    flex-wrap: wrap;
-  }
-
-  .ds-stack-gap-0 {
-    gap: 0;
-  }
-
-  .ds-stack-gap-1 {
-    gap: 1px;
-  }
-
-  .ds-stack-gap-2 {
-    gap: 2px;
-  }
-
-  .ds-stack-gap-4 {
-    gap: 4px;
-  }
-
-  .ds-stack-gap-8 {
-    gap: 8px;
-  }
-
-  .ds-stack-gap-12 {
-    gap: 12px;
-  }
-
-  .ds-stack-gap-16 {
-    gap: 16px;
-  }
-
-  .ds-stack-gap-24, .ds-stack-gap-32 {
-    gap: 24px;
-  }
-
-  .ds-stack-align-flex-start {
-    align-items: flex-start;
-  }
-
-  .ds-stack-align-flex-end {
-    align-items: flex-end;
-  }
-
-  .ds-stack-align-center {
-    align-items: center;
-  }
-
-  .ds-stack-align-stretch {
-    align-items: stretch;
-  }
-
-  .ds-stack-align-baseline {
-    align-items: baseline;
-  }
-
-  .ds-stack-justify-flex-start {
-    justify-content: flex-start;
-  }
-
-  .ds-stack-justify-flex-end {
-    justify-content: flex-end;
-  }
-
-  .ds-stack-justify-center {
-    justify-content: center;
-  }
-
-  .ds-stack-justify-space-between {
-    justify-content: space-between;
-  }
-
-  .ds-stack-justify-space-around {
-    justify-content: space-around;
-  }
-
-  .ds-stack-justify-space-evenly {
-    justify-content: space-evenly;
-  }
-
-  .ds-stack-child {
-    min-width: 0;
-    min-height: 0;
-  }
-
-  .ds-stack-child-flex-0 {
-    flex: 0;
-  }
-
-  .ds-stack-child-flex-1 {
-    flex: 1;
-  }
-
-  .ds-stack-child-grow {
-    flex-grow: 1;
-  }
-
-  .ds-stack-child-shrink {
-    flex-shrink: 1;
-  }
-}
-
-@layer components {
-  .ds-truncate {
-    white-space: nowrap;
-    flex-grow: 1;
-    width: 100%;
-    min-width: 0;
-    max-width: 100%;
-    display: block;
-    overflow: hidden;
-  }
-
-  .ds-truncate-end {
-    text-overflow: ellipsis;
-  }
-
-  .ds-truncate-middle {
-    text-overflow: clip;
-  }
-
-  .ds-truncate-multiline {
-    -webkit-line-clamp: var(--ds-line-clamp, 2);
-    line-clamp: var(--ds-line-clamp, 2);
-    white-space: normal;
-    text-overflow: ellipsis;
-    word-break: break-word;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-    overflow: hidden;
-  }
-}
-
-@layer components {
-  .ds-icon-button {
-    cursor: pointer;
-    color: var(--ds-color-icon);
-    background-color: #0000;
-    border: none;
-    border-radius: 999px;
-    justify-content: center;
-    align-items: center;
-    transition: all .2s;
-    display: inline-flex;
-  }
-
-  .ds-icon-button:hover {
-    background-color: var(--ds-color-fill-secondary);
-    color: var(--ds-color-icon-hover);
-  }
-
-  .ds-icon-button:active, .ds-icon-button.ds-popover-open {
-    background-color: var(--ds-color-primary-bg);
-    color: var(--ds-color-primary);
-  }
-
-  .ds-icon-button:focus {
-    outline: none;
-  }
-
-  .ds-icon-button:disabled {
-    cursor: not-allowed;
-    pointer-events: none;
-    color: var(--ds-color-text-disabled);
-  }
-
-  .ds-icon-button.ds-icon-button-medium {
-    width: 1.5rem;
-    height: 1.5rem;
-    padding: .125rem;
-    font-size: 1.25rem;
-  }
-
-  .ds-icon-button.ds-icon-button-small {
-    width: 1.25rem;
-    height: 1.25rem;
-    padding: .125rem;
-    font-size: 1rem;
-  }
-
-  .ds-icon-button.ds-icon-button-negative-margin {
-    margin: -.125rem;
-  }
-}
-
-@layer components {
-  .ds-modal-wrap {
-    max-height: 100vh;
-  }
-
-  .ds-modal-wrap .ds-modal-close-x {
-    width: 100%;
-    display: flex;
-  }
-
-  .ds-modal-wrap .ds-modal {
-    max-height: 100vh;
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-bottom: 0;
-    top: 0;
-  }
-
-  :is(.ds-modal-wrap .ds-modal) .ds-modal-content {
-    box-shadow: var(--ds-box-shadow-secondary);
-    background: var(--ds-modal-bg);
-    flex-direction: column;
-    padding: 0;
-    display: flex;
-  }
-
-  :is(.ds-modal-wrap .ds-modal) .ds-modal-body {
-    padding: var(--ds-modal-content-padding);
-    flex-grow: 1;
-    flex-shrink: 1;
-    min-height: 0;
-    overflow: auto;
-  }
-
-  :is(.ds-modal-wrap .ds-modal) .ds-modal-header {
-    padding: calc(var(--ds-modal-padding) * 2 / 3) var(--ds-modal-padding) 0 var(--ds-modal-padding);
-    background: none;
-    margin-bottom: 0;
-  }
-
-  :is(.ds-modal-wrap .ds-modal) .ds-modal-footer {
-    padding: 0 var(--ds-modal-padding) var(--ds-modal-padding) var(--ds-modal-padding);
-    background: none;
-    margin-top: 0;
-  }
-
-  :is(.ds-modal-wrap .ds-modal) .ds-modal-close {
-    top: calc(var(--ds-modal-padding) * 2 / 3 - 4px);
-  }
-
-  .ds-modal-wrap:not(.ds-modal-centered) .ds-modal-inner {
-    margin-top: 4rem;
-  }
-
-  .ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal-content {
-    max-height: calc(100vh - var(--ds-modal-edge-padding) * 2);
-    margin: var(--ds-modal-edge-padding);
-  }
-
-  .ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal > div[tabindex="0"] {
-    max-height: calc(100vh - var(--ds-modal-edge-padding) * 2);
-  }
-
-  .ds-modal-no-body-scroll .ds-modal {
-    max-height: 100%;
-  }
-
-  :is(.ds-modal-no-body-scroll .ds-modal) .ds-modal-body {
-    display: grid;
-    overflow: hidden;
-  }
-
-  :is(:is(.ds-modal-no-body-scroll .ds-modal) .ds-modal-body) > * {
-    min-height: 0;
-  }
-
-  .ds-modal-fullscreen .ds-modal > div[tabindex="0"], .ds-modal-fullscreen .ds-modal .ds-modal-inner {
-    height: 100%;
-  }
-
-  .ds-modal-fullscreen .ds-modal .ds-modal-content {
-    border-radius: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  :is(.ds-modal-fixed .ds-modal) .ds-modal-footer {
-    border-top: 1px solid var(--ds-color-split);
-    padding: calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding);
-    margin-top: 0;
-  }
-
-  :is(.ds-modal-fixed .ds-modal) .ds-modal-header {
-    border-bottom: 1px solid var(--ds-color-split);
-    padding: calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding);
-    margin-bottom: 0;
-  }
-
-  :is(.ds-modal-fixed .ds-modal) .ds-modal-close {
-    top: 8px;
-  }
-
-  :is(.ds-modal-content-overflow .ds-modal) .ds-modal-inner {
-    margin-top: 0;
-  }
-}
-