tiny-ui 0.0.95 → 1.0.1

package/es/pagination/index.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { ArrowDown } from '../_utils/components';
+const Pagination = (props) => {
+    const { align = 'center', size = 'md', defaultCurrent = 1, defaultPageSize = 10, total = 0, disabled = false, onChange, className, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('pagination', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_${align}`]: align,
+        [`${prefixCls}_${size}`]: size,
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    const [current, setCurrent] = useState('current' in props ? props.current : defaultCurrent);
+    const [pageSize, setPageSize] = useState('pageSize' in props ? props.pageSize : defaultPageSize);
+    const itemOnClick = (item) => {
+        // If this item is in active or disabled status, reject the next action.
+        if (item.active || item.disabled) {
+            return;
+        }
+        const count = Math.ceil(total / pageSize);
+        let curr = 0;
+        if (item.type === 'page') {
+            curr = Number(item.label);
+        }
+        if (item.type === 'prev') {
+            curr = current - 1 > 0 ? current - 1 : 1;
+        }
+        if (item.type === 'next') {
+            curr = current + 1 <= count ? current + 1 : count;
+        }
+        if (item.type === 'jump-prev' || item.type === 'jump-next') {
+            curr = item.type === 'jump-prev' ? current - 5 : current + 5;
+            if (curr > count) {
+                curr = count;
+            }
+            if (curr < 1) {
+                curr = 1;
+            }
+        }
+        !('current' in props) && setCurrent(curr);
+        onChange && onChange(curr, total, pageSize);
+    };
+    const getItems = () => {
+        const count = Math.ceil(total / pageSize);
+        const items = [
+            { type: 'prev', label: '<', disabled: disabled || current === 1 },
+        ];
+        const itemCount = count <= 5 ? count : 5;
+        let num = 0;
+        let basic = 0;
+        if (current > 3 && count > 5) {
+            items.push({ disabled, type: 'page', label: '1' });
+        }
+        if (current > 4 && count > 6) {
+            items.push({ disabled, type: 'jump-prev', label: '•••' });
+        }
+        while (num < itemCount) {
+            num += 1;
+            if (current > 3 && count > 5) {
+                basic = current - 3;
+            }
+            let label = num + basic;
+            if (count - current === 0 && count > 5) {
+                label -= 2;
+            }
+            if (count - current === 1 && count > 5) {
+                label -= 1;
+            }
+            if (label <= count) {
+                items.push({ disabled, type: 'page', label: `${label}`, active: current === label });
+            }
+        }
+        if (current + 3 < count && count > 6) {
+            items.push({ disabled, type: 'jump-next', label: '•••' });
+        }
+        if (current + 2 < count && count > 5) {
+            items.push({ disabled, type: 'page', label: `${count}` });
+        }
+        items.push({ type: 'next', label: '>', disabled: disabled || current === count });
+        return items;
+    };
+    const renderItem = (item) => {
+        const { type, label } = item;
+        switch (type) {
+            case 'prev':
+                return _jsx(ArrowDown, { size: 12, className: `${prefixCls}__left-arrow` });
+            case 'next':
+                return _jsx(ArrowDown, { size: 12, className: `${prefixCls}__right-arrow` });
+            default:
+                return label;
+        }
+    };
+    useEffect(() => {
+        'current' in props && setCurrent(props.current);
+        'pageSize' in props && setPageSize(props.pageSize);
+    }, [props]);
+    return (_jsx("nav", { ...otherProps, className: cls, "aria-label": "Pagination", children: _jsx("ul", { className: `${prefixCls}__list`, children: getItems().map((item, idx) => {
+                const { active, disabled: itemDisabled, type, label } = item;
+                const cls = classNames(`${prefixCls}__item`, {
+                    [`${prefixCls}__item_active`]: active,
+                    [`${prefixCls}__item_disabled`]: itemDisabled,
+                    [`${prefixCls}__item_ellipsis`]: type === 'jump-next' || type === 'jump-prev',
+                });
+                const ariaLabel = type === 'prev' ? 'Previous page' :
+                    type === 'next' ? 'Next page' :
+                        type === 'jump-prev' ? 'Jump back 5 pages' :
+                            type === 'jump-next' ? 'Jump forward 5 pages' :
+                                `Page ${label}`;
+                return (_jsx("li", { className: cls, children: _jsx("button", { type: "button", disabled: itemDisabled, "aria-current": active ? 'page' : undefined, "aria-label": ariaLabel, onClick: () => itemOnClick(item), children: renderItem(item) }) }, idx));
+            }) }) }));
+};
+export default Pagination;
+//# sourceMappingURL=index.js.map

package/es/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/pagination/index.tsx"],"names":[],"mappings":"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"}

package/es/pagination/style/_index.scss

@@ -0,0 +1,143 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-pagination {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: var(--ty-color-text-secondary);
+  font-size: 14px;
+  list-style: none;
+
+  &_left {
+    text-align: left;
+  }
+
+  &_center {
+    text-align: center;
+  }
+
+  &_right {
+    text-align: right;
+  }
+
+  &_disabled {
+    .#{$prefix}-pagination__item_active {
+      background: var(--ty-pagination-disabled-active-bg) !important;
+      border-color: transparent !important;
+      color: #fff !important;
+    }
+  }
+
+  &__item {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    text-align: center;
+    vertical-align: middle;
+    list-style: none;
+    background-color: var(--ty-pagination-bg);
+    border-radius: 2px;
+    outline: 0;
+    cursor: pointer;
+    user-select: none;
+    transition: all 400ms;
+
+    > button {
+      background: none;
+      border: none;
+      padding: 0;
+      color: inherit;
+      font: inherit;
+      cursor: inherit;
+      width: 100%;
+      height: 100%;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    &_disabled {
+      cursor: not-allowed;
+    }
+
+    &_ellipsis {
+      color: var(--ty-color-text-quaternary);
+
+      &:hover {
+        color: var(--ty-color-primary);
+      }
+    }
+  }
+
+  &__left-arrow {
+    transform: rotate(90deg);
+  }
+
+  &__right-arrow {
+    transform: rotate(-90deg);
+  }
+
+  &_md {
+    .#{$prefix}-pagination__item {
+      min-width: 32px;
+      height: 32px;
+      margin-left: 4px;
+      margin-right: 4px;
+      line-height: 30px;
+      border: 1px solid var(--ty-color-border);
+
+      &_active {
+        color: var(--ty-color-primary);
+        border-color: var(--ty-color-primary);
+      }
+
+      &:hover {
+        border-color: var(--ty-color-primary);
+      }
+
+      &_disabled {
+        color: var(--ty-color-text-tertiary);
+        background: var(--ty-pagination-disabled-bg);
+        border-color: var(--ty-color-border);
+
+        &:hover {
+          border-color: var(--ty-color-border);
+        }
+      }
+
+      &_ellipsis {
+        border: 0;
+      }
+    }
+  }
+
+  &_sm {
+    .#{$prefix}-pagination__item {
+      min-width: 24px;
+      height: 24px;
+      margin-left: 0.5px;
+      margin-right: 0.5px;
+      line-height: 22px;
+      border-color: transparent;
+
+      &_active {
+        color: var(--ty-color-primary);
+        border: 1px solid var(--ty-color-primary);
+      }
+
+      &:hover {
+        color: var(--ty-color-primary);
+      }
+
+      &_disabled {
+        color: var(--ty-pagination-disabled-color);
+        border-color: var(--ty-pagination-disabled-color);
+
+        &:hover {
+          color: var(--ty-pagination-disabled-color);
+        }
+      }
+    }
+  }
+}

package/es/pagination/style/css.js

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.js.map

package/es/pagination/style/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.js.map

package/es/pagination/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/pagination/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/es/pagination/types.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export type PaginationAlign = 'left' | 'center' | 'right';
+export type PaginationSize = 'sm' | 'md';
+export interface PaginationProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['ul']>, 'onChange'> {
+    current?: number;
+    total?: number;
+    defaultCurrent?: number;
+    disabled?: boolean;
+    pageSize?: number;
+    defaultPageSize?: number;
+    size?: PaginationSize;
+    align?: PaginationAlign;
+    onChange?: (current: number, total: number, pageSize: number) => void;
+}

package/es/pagination/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/pagination/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/pagination/types.ts"],"names":[],"mappings":""}

package/es/pop-confirm/index.d.ts

@@ -0,0 +1,6 @@
+import { PopConfirmProps } from './types';
+declare const PopConfirm: {
+    (props: PopConfirmProps): JSX.Element;
+    displayName: string;
+};
+export default PopConfirm;

package/es/pop-confirm/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from 'react';
+import classNames from 'classnames';
+import Popover from '../popover';
+import Button from '../button';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { useLocale } from '../_utils/use-locale';
+import { WarningCircle } from '../_utils/components';
+const PopConfirm = (props) => {
+    const locale = useLocale();
+    const { placement = 'top', confirmText = locale.PopConfirm.okText, cancelText = locale.PopConfirm.cancelText, title, icon, onConfirm, onCancel, onVisibleChange, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('pop-confirm', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    const [visible, setVisible] = useState(false);
+    const cancelOnClick = (e) => {
+        setVisible(false);
+        onCancel && onCancel(e);
+    };
+    const confirmOnClick = (e) => {
+        setVisible(false);
+        onConfirm && onConfirm(e);
+    };
+    const overlay = () => {
+        return (_jsxs("div", { className: `${prefixCls}__overlay`, children: [_jsxs("div", { className: `${prefixCls}__messages`, children: [icon ? icon : _jsx(WarningCircle, { size: 14 }), _jsx("span", { className: `${prefixCls}__title`, children: title })] }), _jsxs("div", { className: `${prefixCls}__buttons`, children: [_jsx(Button, { size: "sm", onClick: cancelOnClick, children: cancelText }), _jsx(Button, { size: "sm", btnType: "primary", onClick: confirmOnClick, children: confirmText })] })] }));
+    };
+    return (_jsx(Popover, { ...otherProps, className: cls, role: "alertdialog", visible: visible, onVisibleChange: (val) => {
+            setVisible(val);
+            onVisibleChange && onVisibleChange(val);
+        }, content: overlay(), placement: placement, children: children }));
+};
+PopConfirm.displayName = 'PopConfirm';
+export default PopConfirm;
+//# sourceMappingURL=index.js.map

package/es/pop-confirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/pop-confirm/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAe,EAAE;IACzD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EACJ,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EACtC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,UAAU,EACzC,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,CAAC,CAAmB,EAAQ,EAAE;QAClD,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAQ,EAAE;QACnD,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAuB,EAAE;QACvC,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACrC,eAAK,SAAS,EAAE,GAAG,SAAS,YAAY,aACrC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAC1C,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,KAAK,GAAQ,IAClD,EACN,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACrC,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,aAAa,YACrC,UAAU,GACJ,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAc,YACxD,WAAW,GACL,IACL,IACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,OACF,UAAU,EACd,SAAS,EAAE,GAAG,EACd,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,CAAC,GAAY,EAAQ,EAAE;YACtC,UAAU,CAAC,GAAG,CAAC,CAAC;YAChB,eAAe,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC,EACD,OAAO,EAAE,OAAO,EAAE,EAClB,SAAS,EAAE,SAAS,YACnB,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}

package/es/pop-confirm/style/_index.scss

@@ -0,0 +1,25 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-pop-confirm {
+  color: var(--ty-color-text-secondary);
+
+  &__overlay {
+    padding: 4px;
+  }
+
+  &__messages {
+    padding: 0 0 12px;
+    font-size: $font-size-base;
+    display: flex;
+    align-items: center;
+  }
+
+  &__buttons {
+    text-align: right;
+  }
+
+  &__title {
+    margin-left: 5px;
+  }
+
+}

package/es/pop-confirm/style/css.js

@@ -0,0 +1,5 @@
+import './index.css';
+// style dependencies
+import '../../button/style/index.css';
+import '../../popover/style/index.css';
+//# sourceMappingURL=index.js.map

package/es/pop-confirm/style/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+import '../../button/style/index.scss';
+import '../../popover/style/index.scss';

package/es/pop-confirm/style/index.js

@@ -0,0 +1,5 @@
+import './index.scss';
+// style dependencies
+import '../../button/style/index.scss';
+import '../../popover/style/index.scss';
+//# sourceMappingURL=index.js.map

package/es/pop-confirm/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/pop-confirm/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,qBAAqB;AACrB,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC"}

package/es/pop-confirm/types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PopoverProps } from '../popover/types';
+export interface PopConfirmProps extends PopoverProps {
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: (e: React.MouseEvent) => void;
+    onCancel?: (e: React.MouseEvent) => void;
+    icon?: React.ReactNode;
+}

package/es/pop-confirm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/pop-confirm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/pop-confirm/types.ts"],"names":[],"mappings":""}

package/es/popover/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PopoverProps } from './types';
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+export default Popover;

package/es/popover/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import Popup from '../popup';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Popover = React.forwardRef((props, ref) => {
+    const { theme = 'light', role = 'tooltip', prefixCls: customisedCls, title, content, className, children, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('popover', configContext.prefixCls, customisedCls);
+    const cls = classNames(className, prefixCls, `${prefixCls}_${theme}`);
+    const renderContent = () => (_jsxs("div", { role: role, className: `${prefixCls}__inner`, children: [title && _jsx("div", { className: `${prefixCls}__title`, children: title }), content && _jsx("div", { className: `${prefixCls}__content`, children: content })] }));
+    return (_jsx(Popup, { ...otherProps, className: cls, theme: theme, content: renderContent(), children: children }));
+});
+Popover.displayName = 'Popover';
+export default Popover;
+//# sourceMappingURL=index.js.map

package/es/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/popover/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,SAAS,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtE,MAAM,aAAa,GAAG,GAAuB,EAAE,CAAC,CAC9C,eAAK,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,SAAS,aAC9C,KAAK,IAAI,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,KAAK,GAAO,EAC7D,OAAO,IAAI,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YAAG,OAAO,GAAO,IAChE,CACP,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,OAAK,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,YAC1E,QAAQ,GACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,eAAe,OAAO,CAAC"}

package/es/popover/style/_index.scss

@@ -0,0 +1,42 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-popover {
+
+  &__title {
+    margin: 0;
+    padding: 9px 16px 7px;
+    font-weight: 500;
+    min-width: 177px;
+    min-height: 32px;
+  }
+
+  &__content {
+    padding: 12px 15px;
+  }
+
+  &_light {
+    .#{$prefix}-popover {
+      &__title {
+        color: var(--ty-color-text);
+        border-bottom: 1px solid var(--ty-color-border-secondary);
+      }
+
+      &__content {
+        color: var(--ty-color-text-secondary);
+      }
+    }
+  }
+
+  &_dark {
+    .#{$prefix}-popover {
+      &__title {
+        color: #fff;
+        border-bottom: 1px solid var(--ty-popover-dark-border);
+      }
+
+      &__content {
+        color: #fff;
+      }
+    }
+  }
+}

package/es/popover/style/css.js

@@ -0,0 +1,4 @@
+import './index.css';
+// style dependency
+import '../../popup/style/index.css';
+//# sourceMappingURL=index.js.map

package/es/popover/style/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+import '../../popup/style/index.scss';

package/es/popover/style/index.js

@@ -0,0 +1,4 @@
+import './index.scss';
+// style dependency
+import '../../popup/style/index.scss';
+//# sourceMappingURL=index.js.map

package/es/popover/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/popover/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,mBAAmB;AACnB,OAAO,8BAA8B,CAAC"}

package/es/popover/types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PopupProps, Placement } from '../popup/types';
+export type PopupPlacement = Placement;
+export interface PopoverProps extends Omit<PopupProps, 'title'> {
+    role?: string;
+    placement?: PopupPlacement;
+    title?: React.ReactNode;
+    children: React.ReactElement;
+}

package/es/popover/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/popover/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/popover/types.ts"],"names":[],"mappings":""}

package/es/popup/index.d.ts

@@ -0,0 +1,3 @@
+import { PopupProps } from './types';
+declare const Popup: (props: PopupProps) => JSX.Element;
+export default Popup;