@loja-integrada/admin-components 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +89 -2
- package/dist/{chunk-QNBPXACD.js → chunk-243NQZV5.js} +2 -2
- package/dist/{chunk-AZI2H7OT.js → chunk-26ZK5M43.js} +2 -2
- package/dist/{chunk-YDYMRCXH.js → chunk-4BVRONPO.js} +2 -2
- package/dist/{chunk-FLXTIRDF.js → chunk-AHEXEKOY.js} +1 -1
- package/dist/{chunk-NHDLQM42.js → chunk-BQW67FSK.js} +2 -2
- package/dist/{chunk-RGSYU4MA.js → chunk-LSC6FNBR.js} +1 -1
- package/dist/chunk-LZI7QZWG.js +10 -0
- package/dist/chunk-SFPIOMYQ.js +7 -0
- package/dist/chunk-TZI6YTCW.js +7 -0
- package/dist/components/Button/index.d.ts +52 -1
- package/dist/components/DataTable/index.d.ts +77 -1
- package/dist/components/DataTable/index.js +2 -2
- package/dist/components/Icon/index.d.ts +127 -1
- package/dist/components/IconCircular/index.d.ts +22 -1
- package/dist/components/LoadingPlaceholder/index.d.ts +12 -1
- package/dist/components/Modal/index.css +1 -1
- package/dist/components/Modal/index.d.ts +56 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/SidebarFixed/index.d.ts +35 -1
- package/dist/components/SidebarFixed/index.js +1 -1
- package/dist/components/Table/index.d.ts +12 -1
- package/dist/components/Tabs/index.d.ts +47 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/index.css +1 -1
- package/dist/components/index.js +5 -5
- package/dist/forms/Checkbox/index.d.ts +31 -1
- package/dist/forms/Checkbox/index.js +1 -1
- package/dist/forms/Input/index.d.ts +44 -1
- package/dist/forms/InputHelpText/index.d.ts +20 -1
- package/dist/forms/InputLabel/index.d.ts +32 -1
- package/dist/forms/InputMask/index.d.ts +29 -1
- package/dist/forms/InputMask/index.js +1 -1
- package/dist/forms/index.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +31 -5
- package/dist/index.js +17 -16
- package/dist/indicators/Alert/index.d.ts +50 -1
- package/dist/indicators/Alert/index.js +1 -1
- package/dist/indicators/Badge/index.d.ts +33 -1
- package/dist/indicators/Badge/index.js +1 -1
- package/dist/indicators/Tag/index.d.ts +36 -1
- package/dist/indicators/Tag/index.js +1 -11
- package/dist/indicators/Tooltip/index.css +1 -1
- package/dist/indicators/Tooltip/index.d.ts +57 -1
- package/dist/indicators/Tooltip/index.js +1 -1
- package/dist/indicators/index.css +1 -1
- package/dist/indicators/index.js +4 -14
- package/dist/layout/ActionBar/index.d.ts +21 -1
- package/dist/layout/ActionBar/index.js +1 -1
- package/dist/layout/Box/index.d.ts +71 -1
- package/dist/layout/Container/index.d.ts +18 -1
- package/dist/layout/index.js +1 -1
- package/dist/navigation/Breadcrumb/index.d.ts +45 -1
- package/dist/navigation/HelpLink/index.d.ts +32 -1
- package/dist/navigation/Stepper/index.d.ts +31 -1
- package/dist/navigation/Stepper/index.js +2 -7
- package/dist/navigation/index.js +2 -1
- package/package.json +55 -52
- package/dist/chunk-GWT7XT76.js +0 -7
- package/dist/chunk-KEVA65S5.js +0 -10
- package/dist/components/Button/Button.d.ts +0 -48
- package/dist/components/DataTable/DataTable.d.ts +0 -74
- package/dist/components/Icon/Icon.d.ts +0 -30
- package/dist/components/IconCircular/IconCircular.d.ts +0 -19
- package/dist/components/LoadingPlaceholder/LoadingPlaceholder.d.ts +0 -9
- package/dist/components/Modal/Modal.d.ts +0 -54
- package/dist/components/SidebarFixed/SidebarFixed.d.ts +0 -34
- package/dist/components/Table/Table.d.ts +0 -10
- package/dist/components/Tabs/Tabs.d.ts +0 -21
- package/dist/components/Tabs/TabsItem.d.ts +0 -34
- package/dist/components/index.d.ts +0 -9
- package/dist/forms/Checkbox/Checkbox.d.ts +0 -28
- package/dist/forms/Input/Input.d.ts +0 -41
- package/dist/forms/InputHelpText/InputHelpText.d.ts +0 -17
- package/dist/forms/InputLabel/InputLabel.d.ts +0 -29
- package/dist/forms/InputMask/InputMask.d.ts +0 -20
- package/dist/forms/InputMask/maskDate.d.ts +0 -7
- package/dist/forms/InputMask/utils.d.ts +0 -6
- package/dist/forms/index.d.ts +0 -5
- package/dist/icons-path/Adjust.d.ts +0 -1
- package/dist/icons-path/AngleDiagonal.d.ts +0 -1
- package/dist/icons-path/AngleDown.d.ts +0 -1
- package/dist/icons-path/AngleHeight.d.ts +0 -1
- package/dist/icons-path/AngleLeft.d.ts +0 -1
- package/dist/icons-path/AngleRight.d.ts +0 -1
- package/dist/icons-path/AngleWidth.d.ts +0 -1
- package/dist/icons-path/App.d.ts +0 -1
- package/dist/icons-path/Arrow.d.ts +0 -1
- package/dist/icons-path/ArrowLeft.d.ts +0 -1
- package/dist/icons-path/ArrowRight.d.ts +0 -1
- package/dist/icons-path/Back.d.ts +0 -1
- package/dist/icons-path/Ban.d.ts +0 -1
- package/dist/icons-path/BarcodeRead.d.ts +0 -1
- package/dist/icons-path/Bell.d.ts +0 -1
- package/dist/icons-path/Blog.d.ts +0 -1
- package/dist/icons-path/Bullhorn.d.ts +0 -1
- package/dist/icons-path/Calculator.d.ts +0 -1
- package/dist/icons-path/CalendarAlt.d.ts +0 -1
- package/dist/icons-path/Camera.d.ts +0 -1
- package/dist/icons-path/Check.d.ts +0 -1
- package/dist/icons-path/CheckCircle.d.ts +0 -1
- package/dist/icons-path/Clock.d.ts +0 -1
- package/dist/icons-path/Clockwise.d.ts +0 -1
- package/dist/icons-path/Close.d.ts +0 -1
- package/dist/icons-path/Cog.d.ts +0 -1
- package/dist/icons-path/Copy.d.ts +0 -1
- package/dist/icons-path/CreditCard.d.ts +0 -1
- package/dist/icons-path/DashedCircle.d.ts +0 -1
- package/dist/icons-path/DefaultCursor.d.ts +0 -1
- package/dist/icons-path/Desktop.d.ts +0 -1
- package/dist/icons-path/Discount.d.ts +0 -1
- package/dist/icons-path/DotsThree.d.ts +0 -1
- package/dist/icons-path/Download.d.ts +0 -1
- package/dist/icons-path/Edit.d.ts +0 -1
- package/dist/icons-path/Envelope.d.ts +0 -1
- package/dist/icons-path/Exchange.d.ts +0 -1
- package/dist/icons-path/ExchangeY.d.ts +0 -1
- package/dist/icons-path/Exclamation.d.ts +0 -1
- package/dist/icons-path/ExclamationCircle.d.ts +0 -1
- package/dist/icons-path/ExclamationTriangle.d.ts +0 -1
- package/dist/icons-path/ExternalLink.d.ts +0 -1
- package/dist/icons-path/Eye.d.ts +0 -1
- package/dist/icons-path/EyeSlash.d.ts +0 -1
- package/dist/icons-path/Filter.d.ts +0 -1
- package/dist/icons-path/HalfBack.d.ts +0 -1
- package/dist/icons-path/Hashtag.d.ts +0 -1
- package/dist/icons-path/Home.d.ts +0 -1
- package/dist/icons-path/IconSolidEnviali.d.ts +0 -1
- package/dist/icons-path/IconSolidLI.d.ts +0 -1
- package/dist/icons-path/IdentificationBadge.d.ts +0 -1
- package/dist/icons-path/Image.d.ts +0 -1
- package/dist/icons-path/InfoCircle.d.ts +0 -1
- package/dist/icons-path/Lightbulb.d.ts +0 -1
- package/dist/icons-path/Link.d.ts +0 -1
- package/dist/icons-path/ListItems.d.ts +0 -1
- package/dist/icons-path/Loading.d.ts +0 -1
- package/dist/icons-path/Minus.d.ts +0 -1
- package/dist/icons-path/MinusCircle.d.ts +0 -1
- package/dist/icons-path/MinusCircleSolid.d.ts +0 -1
- package/dist/icons-path/Mobile.d.ts +0 -1
- package/dist/icons-path/MoneyBill.d.ts +0 -1
- package/dist/icons-path/Move.d.ts +0 -1
- package/dist/icons-path/Nav.d.ts +0 -1
- package/dist/icons-path/Order.d.ts +0 -1
- package/dist/icons-path/Pagali.d.ts +0 -1
- package/dist/icons-path/PaperList.d.ts +0 -1
- package/dist/icons-path/PieChart.d.ts +0 -1
- package/dist/icons-path/Pix.d.ts +0 -1
- package/dist/icons-path/Plus.d.ts +0 -1
- package/dist/icons-path/PlusCircle.d.ts +0 -1
- package/dist/icons-path/Print.d.ts +0 -1
- package/dist/icons-path/Product.d.ts +0 -1
- package/dist/icons-path/QuestionCircle.d.ts +0 -1
- package/dist/icons-path/Reload.d.ts +0 -1
- package/dist/icons-path/Rocket.d.ts +0 -1
- package/dist/icons-path/Search.d.ts +0 -1
- package/dist/icons-path/ShoppingCart.d.ts +0 -1
- package/dist/icons-path/SortDown.d.ts +0 -1
- package/dist/icons-path/Store.d.ts +0 -1
- package/dist/icons-path/Sync.d.ts +0 -1
- package/dist/icons-path/ThinAngleRight.d.ts +0 -1
- package/dist/icons-path/TimesCircle.d.ts +0 -1
- package/dist/icons-path/Trash.d.ts +0 -1
- package/dist/icons-path/Trophy.d.ts +0 -1
- package/dist/icons-path/Truck.d.ts +0 -1
- package/dist/icons-path/Tv.d.ts +0 -1
- package/dist/icons-path/Upload.d.ts +0 -1
- package/dist/icons-path/UsdCircle.d.ts +0 -1
- package/dist/icons-path/User.d.ts +0 -1
- package/dist/icons-path/WhatsApp.d.ts +0 -1
- package/dist/icons-path/index.d.ts +0 -94
- package/dist/indicators/Alert/Alert.d.ts +0 -47
- package/dist/indicators/Badge/Badge.d.ts +0 -29
- package/dist/indicators/Tag/Tag.d.ts +0 -32
- package/dist/indicators/Tag/index.css +0 -1
- package/dist/indicators/Tooltip/Tooltip.d.ts +0 -54
- package/dist/indicators/index.d.ts +0 -4
- package/dist/layout/ActionBar/ActionBar.d.ts +0 -15
- package/dist/layout/Box/Box.d.ts +0 -68
- package/dist/layout/Container/Container.d.ts +0 -15
- package/dist/layout/constants.d.ts +0 -4
- package/dist/layout/index.d.ts +0 -3
- package/dist/lib/utils.d.ts +0 -5
- package/dist/navigation/Breadcrumb/Breadcrumb.d.ts +0 -43
- package/dist/navigation/HelpLink/HelpLink.d.ts +0 -30
- package/dist/navigation/Stepper/Stepper.d.ts +0 -29
- package/dist/navigation/index.d.ts +0 -2
- /package/dist/{chunk-27G6ETZK.js → chunk-KOVXAJCN.js} +0 -0
- /package/dist/{chunk-22FGINA5.js → chunk-NXHQNIK2.js} +0 -0
- /package/dist/{chunk-63ACUGSG.js → chunk-PTCZDH6A.js} +0 -0
- /package/dist/{chunk-IPSRY3RR.js → chunk-ZYY5DINE.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
"use client";export { a as SidebarFixed } from '../../chunk-LSC6FNBR.js';
|
|
2
2
|
import '../../chunk-LTWCICTK.js';
|
|
3
3
|
import '../../chunk-RPTUERXQ.js';
|
|
4
4
|
import '../../chunk-2H2JX2FG.js';
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
4
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
6
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
7
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
8
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
9
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
10
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
11
|
+
|
|
12
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
@@ -1 +1,47 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
interface TabsItemInterface {
|
|
5
|
+
/**
|
|
6
|
+
* Custom class name
|
|
7
|
+
*/
|
|
8
|
+
className?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Item identification
|
|
11
|
+
*/
|
|
12
|
+
id: string;
|
|
13
|
+
/**
|
|
14
|
+
* Item visible title
|
|
15
|
+
*/
|
|
16
|
+
title: string;
|
|
17
|
+
/**
|
|
18
|
+
* Complement to title
|
|
19
|
+
* */
|
|
20
|
+
titleComplement?: string | React.ReactNode | ((isActive: boolean) => React.ReactNode);
|
|
21
|
+
/**
|
|
22
|
+
* Disabled a specific tab
|
|
23
|
+
*/
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare const Tabs: React$1.MemoExoticComponent<({ className, items, activeItem, onChange }: TabsProps) => react_jsx_runtime.JSX.Element | null>;
|
|
28
|
+
interface TabsProps {
|
|
29
|
+
/**
|
|
30
|
+
* Custom class name
|
|
31
|
+
* */
|
|
32
|
+
className?: string;
|
|
33
|
+
/**
|
|
34
|
+
* ID of the active item
|
|
35
|
+
*/
|
|
36
|
+
activeItem?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Tab item
|
|
39
|
+
*/
|
|
40
|
+
items?: TabsItemInterface[];
|
|
41
|
+
/**
|
|
42
|
+
* Callback handle when selected item change
|
|
43
|
+
* */
|
|
44
|
+
onChange?: (activeTabId: string) => void;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export { Tabs, type TabsProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { a as Tabs } from '../../chunk-
|
|
1
|
+
"use client";export { a as Tabs } from '../../chunk-PTCZDH6A.js';
|
|
2
2
|
import '../../chunk-WEYSRHTX.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ReactModal__Overlay--after-open{
|
|
1
|
+
.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}
|
package/dist/components/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import '../chunk-DIFKNF3L.js';
|
|
2
2
|
export { a as IconCircular } from '../chunk-BW2HQVCT.js';
|
|
3
3
|
export { a as Button } from '../chunk-YTHY4XI2.js';
|
|
4
|
-
export { a as DataTable } from '../chunk-
|
|
4
|
+
export { a as DataTable } from '../chunk-LZI7QZWG.js';
|
|
5
5
|
export { a as LoadingPlaceholder } from '../chunk-LTHYFCE7.js';
|
|
6
|
-
export { a as Modal } from '../chunk-
|
|
7
|
-
export {
|
|
6
|
+
export { a as Modal } from '../chunk-AHEXEKOY.js';
|
|
7
|
+
export { a as SidebarFixed } from '../chunk-LSC6FNBR.js';
|
|
8
8
|
import '../chunk-LTWCICTK.js';
|
|
9
9
|
export { a as Icon } from '../chunk-RPTUERXQ.js';
|
|
10
10
|
import '../chunk-2H2JX2FG.js';
|
|
11
11
|
export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from '../chunk-RL2XPX57.js';
|
|
12
|
-
export { a as Tabs } from '../chunk-
|
|
13
|
-
import '../chunk-
|
|
12
|
+
export { a as Tabs } from '../chunk-PTCZDH6A.js';
|
|
13
|
+
import '../chunk-NXHQNIK2.js';
|
|
14
14
|
import '../chunk-3OHDGUPG.js';
|
|
15
15
|
import '../chunk-WEYSRHTX.js';
|
|
@@ -1 +1,31 @@
|
|
|
1
|
-
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { InputHelpTextProps } from '../InputHelpText/index.js';
|
|
3
|
+
import 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
declare const Checkbox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>>;
|
|
6
|
+
interface CheckboxProps extends InputHelpTextProps, React__default.InputHTMLAttributes<HTMLInputElement> {
|
|
7
|
+
/**
|
|
8
|
+
* Custom class name
|
|
9
|
+
* */
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Text label of the checkbox
|
|
13
|
+
* */
|
|
14
|
+
label?: string | React__default.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Checkbox box isn't selected nwither unselected
|
|
17
|
+
* @default false
|
|
18
|
+
* */
|
|
19
|
+
indeterminate?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Item align
|
|
22
|
+
* @default 'baseline'
|
|
23
|
+
* */
|
|
24
|
+
boxAlign?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
25
|
+
/**
|
|
26
|
+
* Error message to display
|
|
27
|
+
* */
|
|
28
|
+
errorMessage?: string;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { Checkbox, type CheckboxProps };
|
|
@@ -1 +1,44 @@
|
|
|
1
|
-
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { InputHelpTextProps } from '../InputHelpText/index.js';
|
|
3
|
+
import { InputLabelProps } from '../InputLabel/index.js';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
declare const Input: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>>;
|
|
7
|
+
interface InputProps extends InputLabelProps, InputHelpTextProps, Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'prefix'> {
|
|
8
|
+
/**
|
|
9
|
+
* Input custom class name
|
|
10
|
+
* */
|
|
11
|
+
className?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Form group custom class name
|
|
14
|
+
* */
|
|
15
|
+
formGroupClassName?: string;
|
|
16
|
+
/** Input size
|
|
17
|
+
* @default default
|
|
18
|
+
* */
|
|
19
|
+
variant?: 'default' | 'small' | 'large' | 'xlarge';
|
|
20
|
+
/**
|
|
21
|
+
* Error message to display
|
|
22
|
+
* */
|
|
23
|
+
errorMessage?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Custom element to append at the start of input
|
|
26
|
+
* */
|
|
27
|
+
prefix?: React__default.ReactNode | string | null;
|
|
28
|
+
/**
|
|
29
|
+
* Custom element to append at the end of input
|
|
30
|
+
* */
|
|
31
|
+
sufix?: React__default.ReactNode | string | null;
|
|
32
|
+
/**
|
|
33
|
+
* Set visibility of input prefix border
|
|
34
|
+
* @default true
|
|
35
|
+
* */
|
|
36
|
+
prefixBorder?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Set visibility of input sufix border
|
|
39
|
+
* @default true
|
|
40
|
+
* */
|
|
41
|
+
sufixBorder?: boolean;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { Input, type InputProps };
|
|
@@ -1 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
declare const InputHelpText: React__default.MemoExoticComponent<({ className, helpText, hasError }: InputHelpTextProps) => react_jsx_runtime.JSX.Element | null>;
|
|
5
|
+
interface InputHelpTextProps {
|
|
6
|
+
/**
|
|
7
|
+
* Custom class name
|
|
8
|
+
* */
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Help text
|
|
12
|
+
* */
|
|
13
|
+
helpText?: string;
|
|
14
|
+
/** Should render error state
|
|
15
|
+
* @default false
|
|
16
|
+
* */
|
|
17
|
+
hasError?: boolean;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { InputHelpText, type InputHelpTextProps };
|
|
@@ -1 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
declare const InputLabel: React__default.MemoExoticComponent<({ className, label, labelComplement, hasError, required, htmlFor }: InputLabelProps) => react_jsx_runtime.JSX.Element | null>;
|
|
5
|
+
interface InputLabelProps {
|
|
6
|
+
/**
|
|
7
|
+
* Custom class name
|
|
8
|
+
* */
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Label title
|
|
12
|
+
* */
|
|
13
|
+
label?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Complement to label title
|
|
16
|
+
* */
|
|
17
|
+
labelComplement?: string | React__default.ReactNode;
|
|
18
|
+
/** Should render error state
|
|
19
|
+
* @default false
|
|
20
|
+
* */
|
|
21
|
+
hasError?: boolean;
|
|
22
|
+
/** Input is required
|
|
23
|
+
* @default false
|
|
24
|
+
* */
|
|
25
|
+
required?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Input this label is for
|
|
28
|
+
* */
|
|
29
|
+
htmlFor?: string;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { InputLabel, type InputLabelProps };
|
|
@@ -1 +1,29 @@
|
|
|
1
|
-
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { MaskedInputProps } from 'react-text-mask';
|
|
3
|
+
import { InputProps } from '../Input/index.js';
|
|
4
|
+
import '../InputHelpText/index.js';
|
|
5
|
+
import 'react/jsx-runtime';
|
|
6
|
+
import '../InputLabel/index.js';
|
|
7
|
+
|
|
8
|
+
interface IPatterns extends MaskedInputProps {
|
|
9
|
+
inputMode?: 'text' | 'decimal';
|
|
10
|
+
}
|
|
11
|
+
declare const formatValuePatterns: Record<string, IPatterns>;
|
|
12
|
+
|
|
13
|
+
declare const InputMask: React__default.ForwardRefExoticComponent<InputMaskProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
14
|
+
interface InputMaskProps extends InputProps {
|
|
15
|
+
/**
|
|
16
|
+
* Predefined masks. When used, will replace passed `mask` attr
|
|
17
|
+
* @default 'onlyAlphanumeric'
|
|
18
|
+
* */
|
|
19
|
+
formatValue?: keyof typeof formatValuePatterns;
|
|
20
|
+
mask?: MaskedInputProps['mask'];
|
|
21
|
+
guide?: MaskedInputProps['guide'];
|
|
22
|
+
placeholderChar?: MaskedInputProps['placeholderChar'];
|
|
23
|
+
keepCharPositions?: MaskedInputProps['keepCharPositions'];
|
|
24
|
+
pipe?: MaskedInputProps['pipe'];
|
|
25
|
+
showMask?: MaskedInputProps['showMask'];
|
|
26
|
+
}
|
|
27
|
+
type InputMaskType = MaskedInputProps['mask'];
|
|
28
|
+
|
|
29
|
+
export { InputMask, type InputMaskProps, type InputMaskType, formatValuePatterns };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { b as InputMask, a as formatValuePatterns } from '../../chunk-
|
|
1
|
+
"use client";export { b as InputMask, a as formatValuePatterns } from '../../chunk-ZYY5DINE.js';
|
|
2
2
|
import '../../chunk-LJS4TVL3.js';
|
|
3
3
|
import '../../chunk-WEZVMEBK.js';
|
|
4
4
|
import '../../chunk-3OHDGUPG.js';
|
package/dist/forms/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../chunk-IA7GSQNX.js';
|
|
2
|
-
export { b as InputMask, a as formatValuePatterns } from '../chunk-
|
|
2
|
+
export { b as InputMask, a as formatValuePatterns } from '../chunk-ZYY5DINE.js';
|
|
3
3
|
export { a as Input } from '../chunk-LJS4TVL3.js';
|
|
4
4
|
export { a as InputLabel } from '../chunk-WEZVMEBK.js';
|
|
5
|
-
export { a as Checkbox } from '../chunk-
|
|
5
|
+
export { a as Checkbox } from '../chunk-NXHQNIK2.js';
|
|
6
6
|
export { a as InputHelpText } from '../chunk-3OHDGUPG.js';
|
|
7
7
|
import '../chunk-WEYSRHTX.js';
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ReactModal__Overlay--after-open{
|
|
1
|
+
.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.tippy-box{font-size:.75rem;letter-spacing:-.025em;line-height:1.063rem;position:relative;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(var(--color-inverted-1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--color-base-1) / var(--tw-text-opacity));outline-width:0px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-.5rem;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-.5rem;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{right:-.5rem;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-.5rem;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(var(--color-inverted-1) / var(--tw-text-opacity))}.tippy-box .tippy-arrow:before{position:absolute;border-style:solid;border-color:transparent;content:""}.tippy-box .tippy-content{position:relative;z-index:1;padding:.75rem .5rem}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
1
|
+
export { Button, ButtonProps } from './components/Button/index.js';
|
|
2
|
+
export { DataTable, DataTableColumn, DataTableProps } from './components/DataTable/index.js';
|
|
3
|
+
export { Icon, IconProps } from './components/Icon/index.js';
|
|
4
|
+
export { IconCircular, IconCircularProps } from './components/IconCircular/index.js';
|
|
5
|
+
export { LoadingPlaceholder, LoadingPlaceholderProps } from './components/LoadingPlaceholder/index.js';
|
|
6
|
+
export { Modal, ModalProps } from './components/Modal/index.js';
|
|
7
|
+
export { SidebarFixed, SidebarFixedProps } from './components/SidebarFixed/index.js';
|
|
8
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/Table/index.js';
|
|
9
|
+
export { Tabs, TabsProps } from './components/Tabs/index.js';
|
|
10
|
+
export { Checkbox, CheckboxProps } from './forms/Checkbox/index.js';
|
|
11
|
+
export { Input, InputProps } from './forms/Input/index.js';
|
|
12
|
+
export { InputHelpText, InputHelpTextProps } from './forms/InputHelpText/index.js';
|
|
13
|
+
export { InputLabel, InputLabelProps } from './forms/InputLabel/index.js';
|
|
14
|
+
export { InputMask, InputMaskProps, InputMaskType, formatValuePatterns } from './forms/InputMask/index.js';
|
|
15
|
+
export { Alert, AlertProps } from './indicators/Alert/index.js';
|
|
16
|
+
export { Badge, BadgeProps } from './indicators/Badge/index.js';
|
|
17
|
+
export { Tag, TagProps } from './indicators/Tag/index.js';
|
|
18
|
+
export { Tooltip, TooltipProps } from './indicators/Tooltip/index.js';
|
|
19
|
+
export { ActionBar, ActionBarProps } from './layout/ActionBar/index.js';
|
|
20
|
+
export { Box, BoxContent, BoxContentProps, BoxHeader, BoxHeaderProps, BoxProps, BoxSeparator } from './layout/Box/index.js';
|
|
21
|
+
export { Container, ContainerHeader, ContainerProps } from './layout/Container/index.js';
|
|
22
|
+
export { Breadcrumb, BreadcrumbProps } from './navigation/Breadcrumb/index.js';
|
|
23
|
+
export { HelpLink, HelpLinkProps } from './navigation/HelpLink/index.js';
|
|
24
|
+
export { Stepper, StepperProps } from './navigation/Stepper/index.js';
|
|
25
|
+
import 'class-variance-authority/types';
|
|
26
|
+
import 'class-variance-authority';
|
|
27
|
+
import 'react';
|
|
28
|
+
import 'react/jsx-runtime';
|
|
29
|
+
import '@tanstack/react-table';
|
|
30
|
+
import 'react-text-mask';
|
|
31
|
+
import '@tippyjs/react';
|
package/dist/index.js
CHANGED
|
@@ -1,32 +1,33 @@
|
|
|
1
|
+
import './chunk-KOVXAJCN.js';
|
|
2
|
+
import './chunk-DIFKNF3L.js';
|
|
3
|
+
export { a as IconCircular } from './chunk-BW2HQVCT.js';
|
|
1
4
|
import './chunk-IA7GSQNX.js';
|
|
2
|
-
export { b as InputMask, a as formatValuePatterns } from './chunk-IPSRY3RR.js';
|
|
3
|
-
export { a as Input } from './chunk-LJS4TVL3.js';
|
|
4
|
-
export { a as InputLabel } from './chunk-WEZVMEBK.js';
|
|
5
5
|
import './chunk-AKA4VSQF.js';
|
|
6
6
|
import './chunk-DBWOW4GL.js';
|
|
7
|
-
|
|
8
|
-
export { a as ActionBar } from './chunk-AZI2H7OT.js';
|
|
7
|
+
export { a as ActionBar } from './chunk-26ZK5M43.js';
|
|
9
8
|
export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './chunk-K5XL557B.js';
|
|
10
9
|
export { a as Container, b as ContainerHeader } from './chunk-24UC33BJ.js';
|
|
11
10
|
import './chunk-L6H2NDVS.js';
|
|
12
|
-
export { a as
|
|
13
|
-
export { a as
|
|
14
|
-
export { a as
|
|
15
|
-
|
|
16
|
-
export { a as
|
|
11
|
+
export { b as InputMask, a as formatValuePatterns } from './chunk-ZYY5DINE.js';
|
|
12
|
+
export { a as Input } from './chunk-LJS4TVL3.js';
|
|
13
|
+
export { a as InputLabel } from './chunk-WEZVMEBK.js';
|
|
14
|
+
export { a as Alert } from './chunk-243NQZV5.js';
|
|
15
|
+
export { a as Badge } from './chunk-4BVRONPO.js';
|
|
16
|
+
export { a as Tag } from './chunk-BQW67FSK.js';
|
|
17
17
|
export { a as Button } from './chunk-YTHY4XI2.js';
|
|
18
|
-
export { a as Tooltip } from './chunk-
|
|
18
|
+
export { a as Tooltip } from './chunk-TZI6YTCW.js';
|
|
19
19
|
export { a as Breadcrumb } from './chunk-767NPRMO.js';
|
|
20
20
|
export { a as HelpLink } from './chunk-N73XF5FY.js';
|
|
21
|
-
export { a as
|
|
21
|
+
export { a as Stepper } from './chunk-SFPIOMYQ.js';
|
|
22
|
+
export { a as DataTable } from './chunk-LZI7QZWG.js';
|
|
22
23
|
export { a as LoadingPlaceholder } from './chunk-LTHYFCE7.js';
|
|
23
|
-
export { a as Modal } from './chunk-
|
|
24
|
-
export {
|
|
24
|
+
export { a as Modal } from './chunk-AHEXEKOY.js';
|
|
25
|
+
export { a as SidebarFixed } from './chunk-LSC6FNBR.js';
|
|
25
26
|
import './chunk-LTWCICTK.js';
|
|
26
27
|
export { a as Icon } from './chunk-RPTUERXQ.js';
|
|
27
28
|
import './chunk-2H2JX2FG.js';
|
|
28
29
|
export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from './chunk-RL2XPX57.js';
|
|
29
|
-
export { a as Tabs } from './chunk-
|
|
30
|
-
export { a as Checkbox } from './chunk-
|
|
30
|
+
export { a as Tabs } from './chunk-PTCZDH6A.js';
|
|
31
|
+
export { a as Checkbox } from './chunk-NXHQNIK2.js';
|
|
31
32
|
export { a as InputHelpText } from './chunk-3OHDGUPG.js';
|
|
32
33
|
import './chunk-WEYSRHTX.js';
|
|
@@ -1 +1,50 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { IconProps } from '../../components/Icon/index.js';
|
|
4
|
+
|
|
5
|
+
type alertVariantsOptions = 'success' | 'warning' | 'danger' | 'info' | 'primary';
|
|
6
|
+
interface AlertProps {
|
|
7
|
+
/** Alert color
|
|
8
|
+
* @default info
|
|
9
|
+
* */
|
|
10
|
+
variant?: alertVariantsOptions;
|
|
11
|
+
/** Alert is visible
|
|
12
|
+
* @default true
|
|
13
|
+
*/
|
|
14
|
+
isOpen?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Alert main text
|
|
17
|
+
*/
|
|
18
|
+
title: string | React__default.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Alert text below title
|
|
21
|
+
*/
|
|
22
|
+
subtitle?: string | React__default.ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Function to close alert (also activate `showClose`)
|
|
25
|
+
*/
|
|
26
|
+
onClose?: () => void;
|
|
27
|
+
/** Show button close
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
showClose?: boolean;
|
|
31
|
+
/** Hide alert icon
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
hideIcon?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Custom icon
|
|
37
|
+
*/
|
|
38
|
+
customIcon?: IconProps['icon'];
|
|
39
|
+
/**
|
|
40
|
+
* Action for the alert, like button and hiperlinks
|
|
41
|
+
* */
|
|
42
|
+
actions?: React__default.ReactNode;
|
|
43
|
+
/**
|
|
44
|
+
* Custom className for the Alert container
|
|
45
|
+
* */
|
|
46
|
+
className?: string;
|
|
47
|
+
}
|
|
48
|
+
declare const Alert: React__default.MemoExoticComponent<({ variant, isOpen, title, subtitle, actions, showClose, onClose, hideIcon, customIcon, className }: AlertProps) => react_jsx_runtime.JSX.Element | null>;
|
|
49
|
+
|
|
50
|
+
export { Alert, type AlertProps };
|
|
@@ -1 +1,33 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
declare const Badge: React__default.MemoExoticComponent<({ type, text, size, expanded, rounded, className }: BadgeProps) => react_jsx_runtime.JSX.Element>;
|
|
5
|
+
interface BadgeProps {
|
|
6
|
+
/**
|
|
7
|
+
* Custom class name
|
|
8
|
+
* */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Badge color
|
|
11
|
+
* @default neutral
|
|
12
|
+
* */
|
|
13
|
+
type?: 'neutral' | 'neutralLight' | 'primary' | 'danger' | 'success' | 'warning' | 'focus';
|
|
14
|
+
/**
|
|
15
|
+
* Badge text
|
|
16
|
+
* */
|
|
17
|
+
text?: string;
|
|
18
|
+
/** Size of the badge
|
|
19
|
+
* @default default
|
|
20
|
+
* */
|
|
21
|
+
size?: 'default' | 'small' | 'xsmall';
|
|
22
|
+
/**
|
|
23
|
+
* Enlarge width of the badge
|
|
24
|
+
* */
|
|
25
|
+
expanded?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Style of rounded corners
|
|
28
|
+
* @default full
|
|
29
|
+
* */
|
|
30
|
+
rounded?: 'full' | 'small' | 'none';
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export { Badge, type BadgeProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { a as Badge } from '../../chunk-
|
|
1
|
+
export { a as Badge } from '../../chunk-4BVRONPO.js';
|
|
2
2
|
import '../../chunk-WEYSRHTX.js';
|
|
@@ -1 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
interface TagProps {
|
|
5
|
+
/** Tag's color
|
|
6
|
+
* @default neutral
|
|
7
|
+
* */
|
|
8
|
+
variant?: 'neutral' | 'primary' | 'danger' | 'success' | 'warning';
|
|
9
|
+
/**
|
|
10
|
+
* Tag's content
|
|
11
|
+
* */
|
|
12
|
+
content: string | React__default.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Enlarge Tag's width
|
|
15
|
+
* */
|
|
16
|
+
fullWidth?: boolean;
|
|
17
|
+
/** Additional Tag's classes
|
|
18
|
+
* @default ''
|
|
19
|
+
* */
|
|
20
|
+
className?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Tag's action, like a button or an icon
|
|
23
|
+
* */
|
|
24
|
+
action?: React__default.ReactNode;
|
|
25
|
+
/**
|
|
26
|
+
* Icon to remove Tag on click
|
|
27
|
+
* */
|
|
28
|
+
removeTag?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Handler called when close icon is clicked
|
|
31
|
+
* */
|
|
32
|
+
onClose?: () => void;
|
|
33
|
+
}
|
|
34
|
+
declare const Tag: React__default.MemoExoticComponent<({ variant, content, fullWidth, className, action, removeTag, onClose }: TagProps) => react_jsx_runtime.JSX.Element>;
|
|
35
|
+
|
|
36
|
+
export { Tag, type TagProps };
|
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
export { a as Tag } from '../../chunk-
|
|
2
|
-
import '../../chunk-DIFKNF3L.js';
|
|
3
|
-
import '../../chunk-BW2HQVCT.js';
|
|
1
|
+
export { a as Tag } from '../../chunk-BQW67FSK.js';
|
|
4
2
|
import '../../chunk-YTHY4XI2.js';
|
|
5
|
-
import '../../chunk-KEVA65S5.js';
|
|
6
|
-
import '../../chunk-LTHYFCE7.js';
|
|
7
|
-
import '../../chunk-FLXTIRDF.js';
|
|
8
|
-
import '../../chunk-RGSYU4MA.js';
|
|
9
3
|
import '../../chunk-LTWCICTK.js';
|
|
10
4
|
import '../../chunk-RPTUERXQ.js';
|
|
11
5
|
import '../../chunk-2H2JX2FG.js';
|
|
12
|
-
import '../../chunk-RL2XPX57.js';
|
|
13
|
-
import '../../chunk-63ACUGSG.js';
|
|
14
|
-
import '../../chunk-22FGINA5.js';
|
|
15
|
-
import '../../chunk-3OHDGUPG.js';
|
|
16
6
|
import '../../chunk-WEYSRHTX.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tippy-box{
|
|
1
|
+
.tippy-box{font-size:.75rem;letter-spacing:-.025em;line-height:1.063rem;position:relative;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(var(--color-inverted-1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--color-base-1) / var(--tw-text-opacity));outline-width:0px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-.5rem;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-.5rem;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{right:-.5rem;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-.5rem;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(var(--color-inverted-1) / var(--tw-text-opacity))}.tippy-box .tippy-arrow:before{position:absolute;border-style:solid;border-color:transparent;content:""}.tippy-box .tippy-content{position:relative;z-index:1;padding:.75rem .5rem}
|
|
@@ -1 +1,57 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
import { TippyProps } from '@tippyjs/react';
|
|
4
|
+
|
|
5
|
+
declare const Tooltip: React.MemoExoticComponent<({ isVisible, appendTo, hideOnClick, trigger, hideInMobile, duration, interactive, allowHTML, maxWidth, touch, placement, content, children, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element>;
|
|
6
|
+
interface TooltipProps extends TippyProps {
|
|
7
|
+
/**
|
|
8
|
+
* Controls tooltip visibility
|
|
9
|
+
* @default true
|
|
10
|
+
*/
|
|
11
|
+
isVisible?: boolean;
|
|
12
|
+
/** Tooltip append
|
|
13
|
+
* @default 'document.body'
|
|
14
|
+
* */
|
|
15
|
+
appendTo?: TippyProps['appendTo'];
|
|
16
|
+
/** Tooltip hide on click
|
|
17
|
+
* @default false
|
|
18
|
+
* */
|
|
19
|
+
hideOnClick?: TippyProps['hideOnClick'];
|
|
20
|
+
/** Tooltip trigger
|
|
21
|
+
* @default 'mouseenter'
|
|
22
|
+
* */
|
|
23
|
+
trigger?: TippyProps['trigger'];
|
|
24
|
+
/** Tooltip action on touch
|
|
25
|
+
* @default ['hold', 400]
|
|
26
|
+
* */
|
|
27
|
+
touch?: TippyProps['touch'];
|
|
28
|
+
/**
|
|
29
|
+
* Hide tooltip in mobile screen
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
hideInMobile?: boolean;
|
|
33
|
+
/** Tooltip duration
|
|
34
|
+
* @default 150
|
|
35
|
+
* */
|
|
36
|
+
duration?: TippyProps['duration'];
|
|
37
|
+
/** Tooltip position
|
|
38
|
+
* @default 'top'
|
|
39
|
+
* */
|
|
40
|
+
placement?: TippyProps['placement'];
|
|
41
|
+
/** Tooltip can be hovered over and clicked inside
|
|
42
|
+
* @default false
|
|
43
|
+
* */
|
|
44
|
+
interactive?: TippyProps['interactive'];
|
|
45
|
+
/**
|
|
46
|
+
* Allow use HTML in content
|
|
47
|
+
* @default true
|
|
48
|
+
*/
|
|
49
|
+
allowHTML?: TippyProps['allowHTML'];
|
|
50
|
+
/**
|
|
51
|
+
* Tooltip max width
|
|
52
|
+
* @default 250
|
|
53
|
+
*/
|
|
54
|
+
maxWidth?: TippyProps['maxWidth'];
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export { Tooltip, type TooltipProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { a as Tooltip } from '../../chunk-
|
|
1
|
+
"use client";export { a as Tooltip } from '../../chunk-TZI6YTCW.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.tippy-box{font-size:.75rem;letter-spacing:-.025em;line-height:1.063rem;position:relative;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(var(--color-inverted-1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--color-base-1) / var(--tw-text-opacity));outline-width:0px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-.5rem;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-.5rem;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{right:-.5rem;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-.5rem;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(var(--color-inverted-1) / var(--tw-text-opacity))}.tippy-box .tippy-arrow:before{position:absolute;border-style:solid;border-color:transparent;content:""}.tippy-box .tippy-content{position:relative;z-index:1;padding:.75rem .5rem}
|